/* =========================================================
   BLOCO ORIGINAL: inline-1
   ========================================================= */

:root{--blue:#0b55b6;--blue2:#083a7a;--cyan:#16bce7;--violet:#6f3bdd;--ink:#1a1a1a;--muted:#5f6368;--line:#e1e1e1;--soft:#f2f2f2;--white:#fff;--max:1260px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.ms-header{height:56px;background:#fff;box-shadow:0 1px 0 #e6e6e6;position:sticky;top:0;z-index:90}.ms-nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;padding-right:22px;border-right:1px solid #d7d7d7}.brand img{width:104px;height:44px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:22px;font-size:.82rem}.nav-links a:hover{text-decoration:underline;text-underline-offset:4px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:.8rem}.nav-cta{background:var(--blue);color:#fff;font-weight:700;padding:9px 15px}.menu{display:none;border:0;background:transparent;font-size:1.35rem}
.hero{position:relative;min-height:585px;overflow:hidden;background:#eaf3ff}.hero-bg{position:absolute;inset:0;background:linear-gradient(115deg,#dcecff 0%,#edf7ff 44%,#dae5ff 100%)}.hero-bg:before{content:"";position:absolute;width:720px;height:720px;right:-120px;top:-210px;border-radius:50%;background:conic-gradient(from 20deg,rgba(22,188,231,.52),rgba(111,59,221,.55),rgba(11,85,182,.5),rgba(22,188,231,.52));filter:blur(3px);opacity:.72}.hero-bg:after{content:"";position:absolute;right:5%;top:16%;width:48%;height:68%;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.22));border:1px solid rgba(255,255,255,.72);box-shadow:0 25px 70px rgba(27,76,146,.18);transform:skewX(-5deg);backdrop-filter:blur(16px)}.hero-in{position:relative;min-height:585px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:55px}.hero-card{width:min(560px,100%);background:#fff;padding:38px 42px;box-shadow:0 12px 35px rgba(0,0,0,.14);position:relative;z-index:3}.eyebrow{display:block;font-size:.76rem;font-weight:800;letter-spacing:.12em;color:var(--violet);margin-bottom:12px}.hero h1{font-size:clamp(2.25rem,4.25vw,4rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px}.hero p{font-size:1.05rem;color:#3f4856;margin:0 0 25px;max-width:52ch}.actions{display:flex;gap:12px;flex-wrap:wrap}.primary{display:inline-flex;align-items:center;background:var(--blue);color:#fff;font-weight:700;padding:11px 20px}.secondary{display:inline-flex;align-items:center;font-weight:700;padding:10px 2px;color:#17365f}.secondary b{font-size:1.35rem;margin-left:8px;transition:.2s}.secondary:hover b{transform:translateX(4px)}
.visual-stack{position:relative;height:430px;z-index:4}.glass{position:absolute;border-radius:10px;box-shadow:0 18px 45px rgba(21,55,112,.22);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65)}.glass.one{width:58%;height:55%;right:5%;top:5%;background:rgba(6,47,109,.92);color:#fff;padding:26px}.glass.two{width:52%;height:43%;left:2%;bottom:8%;background:rgba(255,255,255,.92);padding:22px}.glass.three{width:35%;height:27%;right:10%;bottom:5%;background:linear-gradient(135deg,#6f3bdd,#0b55b6);color:#fff;padding:20px}.glass h3{margin:0 0 9px;font-size:1.22rem}.glass p{font-size:.86rem;margin:0;color:inherit;opacity:.82}.flow{margin-top:20px;display:grid;gap:10px}.flow span{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:700}.flow i{width:9px;height:9px;border-radius:50%;background:#39d9ff;box-shadow:0 0 0 6px rgba(57,217,255,.12)}.mini-bars{display:flex;align-items:end;gap:7px;height:80px;margin-top:20px}.mini-bars i{width:12%;border-radius:3px 3px 0 0;background:linear-gradient(#16bce7,#0b55b6)}.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:58%}.mini-bars i:nth-child(3){height:43%}.mini-bars i:nth-child(4){height:74%}.mini-bars i:nth-child(5){height:92%}
.hero-controls{position:absolute;left:50%;bottom:16px;display:flex;gap:8px;z-index:8}.hero-controls span{width:34px;height:3px;background:#8a98a9}.hero-controls span.active{background:#1a1a1a}
.quick-links{padding:34px 0;background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:center}.quick-item{padding:18px 8px}.quick-icon{width:42px;height:42px;margin:0 auto 12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));font-weight:900}.quick-item strong{display:block;font-size:.88rem;color:#0b55b6;text-decoration:underline;text-underline-offset:4px}
section{padding:72px 0}.section-title{font-size:clamp(2rem,3vw,2.8rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 30px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;box-shadow:0 2px 16px rgba(0,0,0,.12);min-height:440px;display:flex;flex-direction:column;transition:.22s}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 28px rgba(0,0,0,.16)}.product-art{height:185px;position:relative;overflow:hidden}.product-card:nth-child(1) .product-art{background:linear-gradient(135deg,#071f46,#0c57bd)}.product-card:nth-child(2) .product-art{background:linear-gradient(135deg,#f1f6ff,#d5eaff)}.product-card:nth-child(3) .product-art{background:linear-gradient(135deg,#241251,#6f3bdd)}.product-card:nth-child(4) .product-art{background:linear-gradient(135deg,#0e1f30,#0f7793)}.product-art:before,.product-art:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.72);border-radius:14px}.product-art:before{width:110px;height:70px;left:28px;top:34px}.product-art:after{width:75px;height:48px;right:26px;bottom:28px}.product-card:nth-child(2) .product-art:before,.product-card:nth-child(2) .product-art:after{border-color:#0b55b6}.product-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:1.45rem;margin:0 0 10px;line-height:1.1}.product-body p{color:#555f6e;font-size:.94rem;margin:0 0 18px}.product-body a{margin-top:auto;color:var(--blue);font-weight:700}
.wide-feature{padding:0 0 72px}.wide-box{min-height:430px;background:linear-gradient(100deg,#081e42 0%,#0c4b9c 54%,#45258d 100%);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden}.wide-copy{padding:58px 58px}.wide-copy h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.04;margin:0 0 16px}.wide-copy p{color:rgba(255,255,255,.82);max-width:48ch}.wide-visual{height:100%;min-height:430px;position:relative;background:radial-gradient(circle at 60% 50%,rgba(34,211,238,.35),transparent 33%)}.architecture{position:absolute;inset:16% 10%;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:center}.arch-col{display:grid;gap:12px}.arch-node{padding:14px 12px;background:rgba(7,19,46,.78);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.78rem;font-weight:700;box-shadow:0 14px 30px rgba(0,0,0,.17)}.arch-core{padding:30px 18px;text-align:center;background:rgba(255,255,255,.94);color:#0a316a;box-shadow:0 18px 50px rgba(0,0,0,.2);font-weight:900}.arch-core small{display:block;font-weight:600;color:#667895;margin-top:8px}
.clients{background:#f5f5f5}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.client-logo{aspect-ratio:1/1;background:transparent;display:block;padding:0;overflow:hidden;box-shadow:0 1px 7px rgba(0,0,0,.08)}.client-logo img{display:block;width:100%;height:100%;object-fit:cover}
.business{background:#fff}.business-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:22px}.case-feature{min-height:410px;background:#eef4ff;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.case-copy{padding:38px}.case-copy h3{font-size:1.7rem;line-height:1.1;margin:0 0 12px}.case-copy p{color:#556273}.case-copy a{display:inline-flex;margin-top:14px;color:var(--blue);font-weight:700}.tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tags span{padding:6px 10px;background:#fff;border:1px solid #d7e0ee;font-size:.72rem;font-weight:700}.case-art{background:linear-gradient(145deg,#071d40,#0c55b8 60%,#6f3bdd);position:relative}.case-art:before{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.4);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 44px rgba(255,255,255,.05),0 0 0 88px rgba(255,255,255,.03)}.case-art:after{content:"AI + DATA";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-weight:900;letter-spacing:.12em}.side-stack{display:grid;gap:22px}.small-case{padding:30px;background:#f5f5f5;min-height:194px}.small-case h3{margin:0 0 10px;font-size:1.25rem}.small-case p{color:#5d6672;font-size:.91rem}
.contact{background:#0b55b6;color:#fff}.contact-in{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.06;margin:0 0 12px}.contact p{color:rgba(255,255,255,.82)}form{background:#fff;color:#1a1a1a;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:.78rem;font-weight:700}input,select,textarea{width:100%;border:1px solid #c8c8c8;padding:11px;font:inherit;margin-top:5px;background:#fff}textarea{min-height:110px;resize:vertical}.full{grid-column:1/-1}form button{border:0;background:#101010;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}
.ms-footer{background:#f2f2f2;padding:36px 0 24px;color:#616161}.foot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:30px}.foot-col h4{font-size:.9rem;color:#4d4d4d;margin:0 0 12px}.foot-col a{display:block;font-size:.72rem;margin:8px 0}.foot-bottom{margin-top:32px;padding-top:18px;border-top:1px solid #d9d9d9;display:flex;align-items:center;gap:22px;font-size:.72rem}.foot-bottom img{width:92px;margin-left:auto}
[data-reveal]{opacity:0;transform:translateY(16px);transition:.6s ease}[data-reveal].show{opacity:1;transform:none}
@media(max-width:960px){.nav-links,.nav-actions{display:none}.menu{display:block;margin-left:auto}.hero-in{grid-template-columns:1fr;padding:48px 0}.visual-stack{display:none}.hero-card{max-width:none}.quick-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.wide-box,.business-grid,.contact-in{grid-template-columns:1fr}.wide-visual{min-height:360px}.client-grid{grid-template-columns:repeat(3,1fr)}.foot-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.wrap{width:min(calc(100% - 28px),var(--max))}.brand img{width:92px}.hero{min-height:auto}.hero-in{min-height:auto}.hero-card{padding:28px 24px;box-shadow:none}.quick-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.client-grid{grid-template-columns:1fr}.case-feature{grid-template-columns:1fr}.case-art{min-height:250px}form{grid-template-columns:1fr}.full{grid-column:auto}}

/* =========================================================
   ITWV — TEMA PRETO
   Apenas cores alteradas. Estrutura/layout preservados.
   ========================================================= */

:root{
  --blue:#1680ff;
  --blue2:#0d4f9d;
  --cyan:#28d7f2;
  --violet:#7448ef;
  --ink:#f5f7fb;
  --muted:#aebbd0;
  --line:#1c2a3f;
  --soft:#0b111b;
  --white:#ffffff;
}

/* FUNDO GERAL */
html,
body{
  background:#02050a !important;
  color:#f5f7fb !important;
}

/* HEADER */
.ms-header{
  background:rgba(3,7,14,.96) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.10) !important;
  border-bottom:1px solid rgba(255,255,255,.04);
}

.brand{
  border-right-color:rgba(255,255,255,.14) !important;
}

/* Logo original transformado em branco sem alterar o arquivo */
.brand img,
.foot-bottom img{
  filter:brightness(0) invert(1) grayscale(1) contrast(1.15) !important;
}

.nav-links,
.nav-actions{
  color:#eef4ff !important;
}

.nav-links a,
.nav-actions span{
  color:#eef4ff !important;
}

.nav-links a:hover{
  color:#ffffff !important;
}

.nav-cta{
  background:linear-gradient(135deg,#126ee8,#7448ef) !important;
  color:#fff !important;
}

/* HERO */
.hero{
  background:#02050a !important;
}

.hero-bg{
  background:
    radial-gradient(circle at 88% 15%,rgba(22,188,231,.17),transparent 28%),
    radial-gradient(circle at 92% 75%,rgba(111,59,221,.22),transparent 34%),
    linear-gradient(115deg,#02050a 0%,#061124 48%,#0a1b38 100%) !important;
}

.hero-bg:before{
  background:
    conic-gradient(
      from 20deg,
      rgba(22,188,231,.28),
      rgba(111,59,221,.34),
      rgba(11,85,182,.26),
      rgba(22,188,231,.28)
    ) !important;
  opacity:.72 !important;
  filter:blur(18px) !important;
}

.hero-bg:after{
  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.07),
      rgba(255,255,255,.015)
    ) !important;
  border-color:rgba(255,255,255,.11) !important;
  box-shadow:0 25px 70px rgba(0,0,0,.40) !important;
}

/* CARD ESQUERDO DO HERO */
.hero-card{
  background:#050b16 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 20px 54px rgba(0,0,0,.42) !important;
}

.eyebrow{
  color:#8cecff !important;
}

.hero h1{
  color:#ffffff !important;
}

.hero p{
  color:#c5d1e4 !important;
}

.primary{
  background:linear-gradient(135deg,#116de6,#7448ef) !important;
  color:#fff !important;
}

.secondary{
  color:#eaf3ff !important;
}

/* CARDS DIREITA DO HERO */
.glass{
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.36) !important;
}

.glass.one{
  background:linear-gradient(180deg,#071b3c,#0a3677) !important;
  color:#fff !important;
}

.glass.two{
  background:linear-gradient(180deg,#0b111b,#111b2b) !important;
  color:#fff !important;
}

.glass.two .eyebrow{
  color:#9b73ff !important;
}

.glass.two h3{
  color:#ffffff !important;
}

.glass.three{
  background:linear-gradient(135deg,#7448ef,#126ee8) !important;
  color:#fff !important;
}

.mini-bars i{
  background:linear-gradient(#29d7f2,#1679e9) !important;
}

/* CONTROLES DO HERO */
.hero-controls span{
  background:#46556e !important;
}

.hero-controls span.active{
  background:#ffffff !important;
}

/* QUICK LINKS */
.quick-links{
  background:#050a12 !important;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}

.quick-item{
  color:#dbe7fa !important;
}

.quick-item strong{
  color:#8fc6ff !important;
}

.quick-icon{
  background:linear-gradient(135deg,#126ee8,#7448ef) !important;
}

/* SEÇÕES */
section{
  color:#f5f7fb;
}

section:not(.hero):not(.wide-feature):not(.contact){
  background:#02050a !important;
}

.section-title{
  color:#ffffff !important;
}

/* SOLUÇÕES */
.product-card{
  background:#080e17 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 4px 22px rgba(0,0,0,.30) !important;
}

.product-card:hover{
  box-shadow:0 16px 34px rgba(0,0,0,.44) !important;
}

.product-body h3{
  color:#ffffff !important;
}

.product-body p{
  color:#aebbd0 !important;
}

.product-body a{
  color:#71b8ff !important;
}

.product-card:nth-child(1) .product-art{
  background:linear-gradient(135deg,#06162f,#0b4b9e) !important;
}

.product-card:nth-child(2) .product-art{
  background:linear-gradient(135deg,#0a1422,#122a49) !important;
}

.product-card:nth-child(3) .product-art{
  background:linear-gradient(135deg,#160d31,#5b2fbd) !important;
}

.product-card:nth-child(4) .product-art{
  background:linear-gradient(135deg,#06131d,#0a5468) !important;
}

.product-card:nth-child(2) .product-art:before,
.product-card:nth-child(2) .product-art:after{
  border-color:#35c9ee !important;
}

/* ARQUITETURA */
.wide-feature{
  background:#02050a !important;
}

.wide-box{
  background:
    radial-gradient(circle at 78% 30%,rgba(22,188,231,.14),transparent 28%),
    linear-gradient(100deg,#030811 0%,#082555 54%,#351a73 100%) !important;
}

.arch-node{
  background:#071329 !important;
  border-color:rgba(255,255,255,.13) !important;
}

.arch-core{
  background:#0b111b !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.10);
}

.arch-core small{
  color:#9db0cb !important;
}

/* CLIENTES */
.clients{
  background:#050a12 !important;
}

.client-logo{
  background:#0a111d !important;
  box-shadow:0 1px 12px rgba(0,0,0,.32) !important;
}

/* CASES */
.business{
  background:#02050a !important;
}

.case-feature{
  background:#080e18 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.07);
}

.case-copy h3{
  color:#ffffff !important;
}

.case-copy p{
  color:#aebbd0 !important;
}

.tags span{
  background:#0d1624 !important;
  color:#dce7f8 !important;
  border-color:#24334b !important;
}

.case-art{
  background:linear-gradient(145deg,#06162f,#0d4d9f 60%,#6335ce) !important;
}

.small-case{
  background:#080e17 !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.07);
}

.small-case h3{
  color:#ffffff !important;
}

.small-case p{
  color:#aebbd0 !important;
}

/* CONTATO */
.contact{
  background:
    radial-gradient(circle at 88% 18%,rgba(111,59,221,.22),transparent 28%),
    linear-gradient(135deg,#030811,#09285c) !important;
}

.contact p{
  color:#c5d1e4 !important;
}

.contact form,
form{
  background:#080e17 !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.08);
}

label{
  color:#eef4ff !important;
}

input,
select,
textarea{
  background:#0d1522 !important;
  color:#ffffff !important;
  border-color:#29384f !important;
}

input::placeholder,
textarea::placeholder{
  color:#74839a !important;
}

form button{
  background:linear-gradient(135deg,#126ee8,#7448ef) !important;
  color:#fff !important;
}

/* FOOTER */
.ms-footer{
  background:#03070e !important;
  color:#9eacc0 !important;
  border-top:1px solid rgba(255,255,255,.07);
}

.foot-col h4{
  color:#ffffff !important;
}

.foot-col a{
  color:#aebbd0 !important;
}

.foot-col a:hover{
  color:#ffffff !important;
}

.foot-bottom{
  border-top-color:rgba(255,255,255,.10) !important;
  color:#8999ae !important;
}

/* MOBILE */
@media(max-width:960px){
  .menu{
    color:#ffffff !important;
  }
}

@media(max-width:620px){
  .hero-card{
    background:#050b16 !important;
    box-shadow:0 16px 34px rgba(0,0,0,.28) !important;
  }
}


/* =========================================================
   FAIXA TECNOLÓGICA CONTÍNUA — SEM ESPAÇOS VAZIOS
   ========================================================= */

.tech-marquee{
  position:relative;
  width:100%;
  height:50px;
  overflow:hidden;
  background:linear-gradient(90deg,#071d48 0%,#0b3b91 46%,#351486 100%);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  z-index:10;
}

.tech-marquee::before,
.tech-marquee::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:70px;
  z-index:3;
  pointer-events:none;
}
.tech-marquee::before{
  left:0;
  background:linear-gradient(90deg,#071d48 0%,rgba(7,29,72,0) 100%);
}
.tech-marquee::after{
  right:0;
  background:linear-gradient(270deg,#351486 0%,rgba(53,20,134,0) 100%);
}

.tech-marquee-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  height:50px;
  will-change:transform;
  animation:itwvTickerContinuous 26s linear infinite;
}

.tech-marquee-group{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:22px;
  height:50px;
  padding-right:22px;
  white-space:nowrap;
}

.tech-marquee-group span{
  flex:0 0 auto;
  color:rgba(236,243,255,.82);
  font-size:.72rem;
  font-weight:900;
  line-height:1;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.tech-marquee-group i{
  display:block;
  flex:0 0 auto;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7548ef;
  box-shadow:
    0 0 0 5px rgba(117,72,239,.13),
    0 0 14px rgba(117,72,239,.32);
}

@keyframes itwvTickerContinuous{
  from{ transform:translate3d(0,0,0); }
  to{ transform:translate3d(-25%,0,0); }
}

/* os antigos três traços ficam desativados */
.hero-controls{
  display:none !important;
}

@media(max-width:620px){
  .tech-marquee{
    height:44px;
  }
  .tech-marquee-track,
  .tech-marquee-group{
    height:44px;
  }
  .tech-marquee-group{
    gap:18px;
    padding-right:18px;
  }
  .tech-marquee-group span{
    font-size:.64rem;
    letter-spacing:.11em;
  }
}

@media(prefers-reduced-motion:reduce){
  .tech-marquee-track{
    animation-duration:60s;
  }
}


/* =========================================================
   AJUSTES PEDIDOS
   1) CONNECTED ARCHITECTURE na frente do DATA PLATFORM
   2) Gráfico de barras mais para cima dentro do quadrado
   ========================================================= */

/* card CONNECTED ARCHITECTURE na frente */
.glass.one{
  z-index: 6 !important;
}

/* DATA PLATFORM atrás */
.glass.two{
  z-index: 4 !important;
}

/* sobe um pouco o card DATA PLATFORM para melhor encaixe */
.glass.two{
  transform: translateY(-10px) !important;
}

/* subir o gráfico de barras para dentro do quadrado */
.mini-bars{
  margin-top: 18px !important;
  padding-bottom: 8px !important;
  align-items: flex-end !important;
}

.mini-bars i{
  transform: translateY(-18px) !important;
}

/* mobile também */
@media(max-width:620px){
  .glass.two{
    transform: translateY(-6px) !important;
  }

  .mini-bars{
    margin-top: 14px !important;
    padding-bottom: 6px !important;
  }

  .mini-bars i{
    transform: translateY(-14px) !important;
  }
}


/* =========================================================
   CONTATO + FOOTER — LAYOUT REFERÊNCIA EM TEMA PRETO
   ========================================================= */

.contact-dark-final{
  position:relative;
  padding:92px 0 96px !important;
  color:#eef4ff !important;
  background:
    radial-gradient(circle at 86% 12%,rgba(111,59,221,.15),transparent 26%),
    radial-gradient(circle at 8% 88%,rgba(22,188,231,.08),transparent 24%),
    linear-gradient(180deg,#03070e 0%,#050b14 100%) !important;
  border-top:1px solid rgba(255,255,255,.06);
}

.contact-dark-final::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(131,167,225,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(131,167,225,.025) 1px,transparent 1px);
  background-size:44px 44px;
  opacity:.45;
}

.contact-dark-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:72px;
  align-items:start;
}

.contact-dark-copy{
  padding-top:18px;
}

.contact-dark-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  color:#8fe8ff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.12em;
  margin-bottom:18px;
}

.contact-dark-kicker i{
  display:block;
  width:34px;
  height:2px;
  background:linear-gradient(90deg,#29d4f1,#7448ef);
}

.contact-dark-copy h2{
  margin:0;
  max-width:13ch;
  color:#ffffff;
  font-size:clamp(2.4rem,3.45vw,3.85rem);
  line-height:1.04;
  letter-spacing:-.048em;
}

.contact-dark-copy>p{
  margin:28px 0 0;
  max-width:42ch;
  color:#aebbd0;
  font-size:1rem;
  line-height:1.72;
}

.contact-dark-links{
  margin-top:36px;
  display:grid;
  gap:0;
  max-width:420px;
}

.contact-dark-links a{
  min-height:48px;
  display:flex;
  align-items:center;
  color:#b7c5d9;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-size:.94rem;
  transition:.2s ease;
}

.contact-dark-links a:first-child{
  border-top:1px solid rgba(255,255,255,.07);
}

.contact-dark-links a::after{
  content:"→";
  margin-left:auto;
  color:#7de8ff;
  opacity:0;
  transform:translateX(-8px);
  transition:.2s ease;
}

.contact-dark-links a:hover{
  color:#ffffff;
  padding-left:8px;
}

.contact-dark-links a:hover::after{
  opacity:1;
  transform:none;
}

/* FORM */
.contact-dark-form{
  display:block !important;
  padding:36px 38px 38px !important;
  color:#ffffff !important;
  background:
    radial-gradient(circle at 92% 5%,rgba(116,72,239,.18),transparent 32%),
    linear-gradient(145deg,#071328 0%,#0a2249 55%,#17133b 120%) !important;
  border:1px solid rgba(168,202,255,.13) !important;
  border-radius:0 !important;
  box-shadow:0 30px 70px rgba(0,0,0,.30) !important;
}

.contact-dark-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px 20px;
}

.contact-dark-form label{
  color:#edf4ff !important;
  font-size:.8rem;
  font-weight:800;
}

.contact-dark-form input,
.contact-dark-form select,
.contact-dark-form textarea{
  width:100%;
  margin-top:7px;
  border:1px solid rgba(163,195,241,.18) !important;
  background:#0c1625 !important;
  color:#ffffff !important;
  padding:13px 14px !important;
  border-radius:3px;
  outline:none;
  font:inherit;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.contact-dark-form input::placeholder,
.contact-dark-form textarea::placeholder{
  color:#78889f !important;
}

.contact-dark-form input:focus,
.contact-dark-form select:focus,
.contact-dark-form textarea:focus{
  background:#101d30 !important;
  border-color:#7959ed !important;
  box-shadow:0 0 0 3px rgba(116,72,239,.13);
}

.contact-dark-form select option{
  background:#0c1625;
  color:#ffffff;
}

.contact-dark-form textarea{
  min-height:150px;
  resize:vertical;
}

.contact-full{
  grid-column:1/-1;
}

.contact-dark-footer{
  margin-top:26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.contact-dark-footer small{
  max-width:430px;
  color:#8797ae;
  font-size:.72rem;
  line-height:1.5;
}

.contact-dark-footer button{
  flex:0 0 auto;
  border:0;
  padding:14px 22px;
  border-radius:8px;
  color:#fff !important;
  font-weight:850;
  cursor:pointer;
  background:linear-gradient(135deg,#7448ef,#126ee8) !important;
  box-shadow:0 14px 30px rgba(69,51,184,.24);
  transition:transform .2s ease,box-shadow .2s ease;
}

.contact-dark-footer button:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(69,51,184,.32);
}

/* FOOTER */
.footer-dark-final{
  position:relative;
  background:#010408;
  color:#8f9eb3;
  border-top:1px solid rgba(255,255,255,.07);
  padding:64px 0 0;
}

.footer-dark-final::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,#1c4778 30%,#7448ef 70%,transparent);
  opacity:.4;
}

.footer-dark-grid{
  display:grid;
  grid-template-columns:1.4fr repeat(3,1fr);
  gap:62px;
  padding-bottom:54px;
}

.footer-dark-brand img{
  display:block;
  width:170px;
  height:auto;
  margin-bottom:28px;
  filter:brightness(0) invert(1) grayscale(1) contrast(1.2) !important;
}

.footer-dark-brand p{
  margin:0;
  max-width:390px;
  color:#8392a8;
  font-size:.88rem;
  line-height:1.8;
}

.footer-dark-col{
  display:grid;
  align-content:start;
  gap:13px;
}

.footer-dark-col h4{
  margin:0 0 7px;
  color:#ffffff;
  font-size:.8rem;
  font-weight:900;
  letter-spacing:.1em;
}

.footer-dark-col a,
.footer-dark-col span{
  color:#8f9eb3;
  font-size:.84rem;
  line-height:1.5;
}

.footer-dark-col a{
  transition:color .2s ease,transform .2s ease;
}

.footer-dark-col a:hover{
  color:#ffffff;
  transform:translateX(3px);
}

.footer-dark-bottom{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-top:1px solid rgba(255,255,255,.06);
  color:#637187;
  font-size:.72rem;
}

/* neutraliza o rodapé antigo caso alguma regra antiga ainda tente atuar */
.ms-footer{
  display:none !important;
}

/* RESPONSIVO */
@media(max-width:960px){
  .contact-dark-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  .contact-dark-copy h2{
    max-width:16ch;
  }

  .contact-dark-links{
    max-width:none;
  }

  .footer-dark-grid{
    grid-template-columns:1fr 1fr;
    gap:42px;
  }
}

@media(max-width:620px){
  .contact-dark-final{
    padding:64px 0 68px !important;
  }

  .contact-dark-copy h2{
    font-size:clamp(2rem,10vw,3rem);
    max-width:none;
  }

  .contact-dark-copy>p{
    font-size:.95rem;
  }

  .contact-dark-form{
    padding:26px 20px 28px !important;
  }

  .contact-dark-fields{
    grid-template-columns:1fr;
  }

  .contact-full{
    grid-column:auto;
  }

  .contact-dark-footer{
    flex-direction:column;
    align-items:stretch;
  }

  .contact-dark-footer button{
    width:100%;
  }

  .footer-dark-grid{
    grid-template-columns:1fr;
    gap:34px;
  }

  .footer-dark-brand img{
    width:145px;
  }

  .footer-dark-bottom{
    padding:20px 0;
    flex-direction:column;
    align-items:flex-start;
  }
}


/* =========================================================
   ARQUITETURA EM MOVIMENTO — LIVE SYSTEM
   ========================================================= */

.wide-box{
  min-height:520px !important;
  grid-template-columns:.88fr 1.12fr !important;
}
.wide-visual{
  min-height:520px !important;
  height:100% !important;
  padding:18px !important;
  background:
    radial-gradient(circle at 55% 48%,rgba(31,171,219,.18),transparent 31%),
    radial-gradient(circle at 90% 16%,rgba(116,72,239,.22),transparent 30%) !important;
}

.arch-live{
  position:relative;
  width:100%;
  height:100%;
  min-height:480px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(139,196,255,.18);
  background:
    radial-gradient(circle at 52% 48%,rgba(29,153,224,.14),transparent 19%),
    radial-gradient(circle at 88% 85%,rgba(112,72,239,.16),transparent 28%),
    linear-gradient(145deg,#061936 0%,#0c3880 55%,#29175f 118%);
  box-shadow:inset 0 0 70px rgba(51,98,211,.10),0 25px 60px rgba(0,0,0,.22);
}
.arch-live::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle,rgba(121,182,255,.22) 1px,transparent 1.4px);
  background-size:28px 28px;
  opacity:.38;
  pointer-events:none;
}
.arch-live::after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  left:50%;
  top:50%;
  transform:translate(-50%,-47%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(56,213,244,.15),rgba(116,72,239,.06) 38%,transparent 70%);
  filter:blur(8px);
  pointer-events:none;
  animation:archHalo 5s ease-in-out infinite;
}
@keyframes archHalo{
  0%,100%{transform:translate(-50%,-47%) scale(.95);opacity:.66}
  50%{transform:translate(-50%,-47%) scale(1.08);opacity:1}
}

.arch-live-head{
  position:absolute;
  z-index:8;
  left:22px;
  right:22px;
  top:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.arch-live-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:#f2f7ff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.10em;
}
.arch-live-title i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#42e6a2;
  box-shadow:0 0 0 7px rgba(66,230,162,.12),0 0 18px rgba(66,230,162,.30);
  animation:archLivePulse 2s ease-in-out infinite;
}
.arch-live-state{
  color:#a7b9d6;
  font-size:.67rem;
  letter-spacing:.18em;
}
@keyframes archLivePulse{50%{transform:scale(1.25);filter:brightness(1.25)}}

.arch-wires{
  position:absolute;
  z-index:2;
  left:0;
  top:52px;
  width:100%;
  height:310px;
  pointer-events:none;
}
.arch-wires path{
  fill:none;
  vector-effect:non-scaling-stroke;
}
.wire-base use{
  stroke:rgba(119,164,236,.17);
  stroke-width:2;
}
.wire-active use{
  stroke:url(#wireGradA);
  stroke-width:2.2;
  stroke-dasharray:9 9;
  filter:url(#wireGlow);
  animation:archDash 9s linear infinite;
}
.wire-active use:nth-child(2){animation-delay:-1.5s}
.wire-active use:nth-child(3){animation-delay:-3s}
.wire-active use:nth-child(4){animation-delay:-4.5s}
.wire-active use:nth-child(5){animation-delay:-6s}
@keyframes archDash{to{stroke-dashoffset:-180}}

.arch-live-node{
  position:absolute;
  z-index:4;
  width:154px;
  min-height:78px;
  padding:15px 14px 12px 48px;
  border-radius:16px;
  color:#fff;
  border:1px solid rgba(157,202,255,.19);
  background:rgba(4,21,54,.76);
  box-shadow:0 14px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(10px);
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.arch-live-node:hover{
  transform:translateY(-4px);
  border-color:rgba(99,221,255,.55);
  background:rgba(5,27,68,.90);
}
.arch-live-node strong{
  display:block;
  font-size:.95rem;
  line-height:1.12;
  letter-spacing:.02em;
}
.arch-live-node small{
  display:block;
  margin-top:9px;
  color:#9eb4d4;
  font-size:.60rem;
  line-height:1.35;
}
.node-dot{
  position:absolute;
  left:17px;
  top:18px;
  width:14px;
  height:14px;
  border-radius:50%;
}
.node-dot.cyan{background:#31d7f4;box-shadow:0 0 0 7px rgba(49,215,244,.08)}
.node-dot.violet{background:#9362ff;box-shadow:0 0 0 7px rgba(147,98,255,.08)}
.node-dot.blue{background:#4d84ff;box-shadow:0 0 0 7px rgba(77,132,255,.08)}

.node-erp{left:8%;top:21%}
.node-crm{left:8%;top:43%}
.node-legacy{left:8%;top:65%}

.arch-live-core{
  position:absolute;
  z-index:6;
  left:50%;
  top:51%;
  width:148px;
  height:128px;
  transform:translate(-50%,-50%);
  border-radius:26px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-align:center;
  background:linear-gradient(135deg,#31d7f4 0%,#4d8dff 48%,#9b5cff 100%);
  box-shadow:0 18px 38px rgba(38,126,222,.30),0 0 34px rgba(109,85,244,.22);
  animation:archCoreFloat 4.8s ease-in-out infinite;
}
.arch-live-core::before{
  content:"";
  position:absolute;
  inset:-14px;
  border-radius:34px;
  border:1px solid rgba(124,218,255,.10);
  animation:archCoreRing 3.8s ease-in-out infinite;
}
.core-plus{
  width:38px;
  height:38px;
  margin-bottom:9px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#0a2c68;
  color:#fff;
  font-size:2rem;
  font-weight:300;
  line-height:1;
}
.arch-live-core strong{
  font-size:.93rem;
  letter-spacing:.025em;
}
.arch-live-core small{
  margin-top:8px;
  color:#eef7ff;
  font-size:.52rem;
  font-weight:700;
}
@keyframes archCoreFloat{
  0%,100%{transform:translate(-50%,-50%) translateY(0)}
  50%{transform:translate(-50%,-50%) translateY(-6px)}
}
@keyframes archCoreRing{
  50%{inset:-21px;opacity:.18}
}

.node-wide{
  width:188px;
  min-height:96px;
}
.node-data{
  right:7%;
  top:19%;
  padding-left:70px;
}
.node-ai{
  right:7%;
  top:63%;
  padding-left:82px;
}

.data-icon{
  position:absolute;
  left:20px;
  top:15px;
  width:39px;
  height:58px;
  border:2px solid #31d7f4;
  border-radius:5px 5px 18px 18px;
}
.data-icon::before,
.data-icon::after{
  content:"";
  position:absolute;
  left:-2px;
  width:39px;
  height:13px;
  border:2px solid #31d7f4;
  border-radius:50%;
  background:#09245a;
}
.data-icon::before{top:-7px}
.data-icon::after{top:11px;border-top-color:transparent;opacity:.34}

.ai-icon{
  position:absolute;
  left:18px;
  top:21px;
  width:50px;
  height:50px;
}
.ai-icon::before,
.ai-icon::after{
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  top:22px;
  height:1px;
  background:#9d78ff;
  transform:rotate(-27deg);
}
.ai-icon::after{transform:rotate(29deg)}
.ai-icon i{
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#9d78ff;
  border:1px solid #e8dcff;
}
.ai-icon i:nth-child(1){left:0;top:0}
.ai-icon i:nth-child(2){left:23px;top:10px}
.ai-icon i:nth-child(3){right:0;top:22px}
.ai-icon i:nth-child(4){left:0;bottom:0}
.ai-icon i:nth-child(5){left:24px;bottom:5px}

.arch-live-status{
  position:absolute;
  z-index:7;
  left:22px;
  right:22px;
  bottom:18px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.arch-live-status>div{
  min-height:66px;
  padding:12px 13px 10px;
  border-radius:14px;
  background:rgba(4,15,46,.80);
  border:1px solid rgba(149,190,255,.15);
  box-shadow:0 10px 22px rgba(0,0,0,.15);
}
.arch-live-status span{
  display:block;
  color:#8ca5ca;
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.10em;
}
.arch-live-status strong{
  display:block;
  margin-top:7px;
  color:#fff;
  font-size:.84rem;
}
.arch-live-status small{
  display:block;
  margin-top:5px;
  color:#8298b9;
  font-size:.54rem;
}

@media(max-width:1180px){
  .wide-box{grid-template-columns:1fr !important}
  .wide-visual{min-height:540px !important}
}

@media(max-width:700px){
  .wide-visual{padding:10px !important;min-height:700px !important}
  .arch-live{min-height:680px}
  .arch-live-state{display:none}
  .arch-wires{display:none}

  .node-erp{left:6%;top:15%}
  .node-crm{left:6%;top:28%}
  .node-legacy{left:6%;top:41%}

  .arch-live-node{width:42%;min-height:72px}
  .arch-live-core{
    left:72%;top:34%;
    width:118px;height:112px;
  }
  .node-data{
    left:7%;right:auto;top:56%;width:42%;
  }
  .node-ai{
    right:6%;top:56%;width:42%;
  }
  .arch-live-status{
    grid-template-columns:1fr;
    bottom:14px;
  }
  .arch-live-status>div{min-height:48px}
}

@media(prefers-reduced-motion:reduce){
  .arch-live::after,
  .arch-live-title i,
  .wire-active use,
  .arch-live-core,
  .arch-live-core::before{
    animation:none !important;
  }
}


/* =========================================================
   ARQUITETURA V5 — alinhamento, escala e legibilidade
   ========================================================= */

/* painel um pouco mais compacto e equilibrado */
.wide-visual{
  padding:22px !important;
}

.arch-live{
  min-height:470px !important;
}

/* cabeçalho */
.arch-live-head{
  left:20px !important;
  right:20px !important;
  top:16px !important;
}

.arch-live-title{
  font-size:.70rem !important;
  letter-spacing:.09em !important;
}

.arch-live-state{
  font-size:.58rem !important;
  letter-spacing:.16em !important;
}

/* fios alinhados ao novo posicionamento */
.arch-wires{
  top:48px !important;
  height:292px !important;
}

/* cards laterais menores e mais alinhados */
.arch-live-node{
  width:142px !important;
  min-height:70px !important;
  padding:13px 12px 11px 43px !important;
  border-radius:14px !important;
}

.arch-live-node strong{
  font-size:.82rem !important;
  line-height:1.08 !important;
}

.arch-live-node small{
  margin-top:7px !important;
  font-size:.53rem !important;
  line-height:1.28 !important;
}

.node-dot{
  left:15px !important;
  top:15px !important;
  width:12px !important;
  height:12px !important;
}

/* coluna esquerda */
.node-erp{
  left:8% !important;
  top:20% !important;
}

.node-crm{
  left:8% !important;
  top:39% !important;
}

.node-legacy{
  left:8% !important;
  top:58% !important;
}

/* core central mais compacto */
.arch-live-core{
  left:50% !important;
  top:47% !important;
  width:132px !important;
  height:112px !important;
  border-radius:24px !important;
}

.core-plus{
  width:34px !important;
  height:34px !important;
  margin-bottom:7px !important;
  font-size:1.75rem !important;
}

.arch-live-core strong{
  font-size:.82rem !important;
}

.arch-live-core small{
  margin-top:6px !important;
  font-size:.47rem !important;
}

/* coluna direita */
.node-wide{
  width:170px !important;
  min-height:86px !important;
}

.node-data{
  right:7% !important;
  top:18% !important;
  padding-left:62px !important;
}

.node-ai{
  right:7% !important;
  top:55% !important;
  padding-left:72px !important;
}

.data-icon{
  left:18px !important;
  top:14px !important;
  width:35px !important;
  height:52px !important;
}

.data-icon::before,
.data-icon::after{
  width:35px !important;
}

.ai-icon{
  left:15px !important;
  top:18px !important;
  transform:scale(.86);
  transform-origin:left top;
}

/* status: mais baixos e com respiro */
.arch-live-status{
  left:20px !important;
  right:20px !important;
  bottom:16px !important;
  gap:10px !important;
}

.arch-live-status>div{
  min-height:58px !important;
  padding:10px 12px 9px !important;
  border-radius:12px !important;
}

.arch-live-status span{
  font-size:.49rem !important;
  letter-spacing:.09em !important;
}

.arch-live-status strong{
  margin-top:5px !important;
  font-size:.74rem !important;
}

.arch-live-status small{
  margin-top:4px !important;
  font-size:.49rem !important;
}

/* melhora visual geral */
.arch-live-node,
.arch-live-status>div{
  background:rgba(4,18,49,.84) !important;
  border-color:rgba(146,198,255,.16) !important;
}

.arch-live-core{
  box-shadow:
    0 15px 30px rgba(38,126,222,.26),
    0 0 28px rgba(109,85,244,.18) !important;
}

/* responsivo tablet */
@media(max-width:1180px){
  .wide-visual{
    min-height:520px !important;
  }
  .arch-live{
    min-height:500px !important;
  }
}

/* responsivo mobile reorganizado */
@media(max-width:700px){
  .wide-visual{
    min-height:680px !important;
    padding:10px !important;
  }

  .arch-live{
    min-height:660px !important;
  }

  .arch-live-node{
    width:40% !important;
    min-height:66px !important;
  }

  .node-erp{left:6% !important;top:14% !important;}
  .node-crm{left:6% !important;top:27% !important;}
  .node-legacy{left:6% !important;top:40% !important;}

  .arch-live-core{
    left:73% !important;
    top:31% !important;
    width:108px !important;
    height:102px !important;
  }

  .node-data{
    left:6% !important;
    right:auto !important;
    top:53% !important;
    width:42% !important;
  }

  .node-ai{
    right:6% !important;
    top:53% !important;
    width:42% !important;
  }

  .arch-live-status{
    grid-template-columns:1fr !important;
    bottom:12px !important;
  }

  .arch-live-status>div{
    min-height:44px !important;
  }
}


/* =========================================================
   ARQUITETURA V6 — alinhamento real + conexões dinâmicas
   ========================================================= */

/* grade visual simétrica */
.arch-live{
  min-height:480px !important;
}

.node-erp{
  left:7.5% !important;
  top:19% !important;
}
.node-crm{
  left:7.5% !important;
  top:39% !important;
}
.node-legacy{
  left:7.5% !important;
  top:59% !important;
}

.node-data{
  right:7.5% !important;
  top:19% !important;
}

.node-ai{
  right:7.5% !important;
  top:59% !important;
}

.arch-live-core{
  left:50% !important;
  top:48.5% !important;
}

/* todos os blocos mais consistentes */
.arch-live-node{
  width:148px !important;
  min-height:72px !important;
}

.node-wide{
  width:178px !important;
  min-height:88px !important;
}

/* SVG ocupa exatamente o painel todo */
.arch-wires-dynamic{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  top:0 !important;
  left:0 !important;
  z-index:2 !important;
  overflow:visible !important;
  pointer-events:none !important;
}

/* remove qualquer aparência preta/duplicada das linhas antigas */
.arch-wires-dynamic .dynamic-wire{
  fill:none !important;
  stroke:url(#wireGradDynamic) !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-dasharray:8 9 !important;
  filter:url(#wireGlowDynamic);
  opacity:.78;
  animation:dynamicWireDash 9s linear infinite;
}

.arch-wires-dynamic .dynamic-wire:nth-of-type(2){animation-delay:-1.3s}
.arch-wires-dynamic .dynamic-wire:nth-of-type(3){animation-delay:-2.6s}
.arch-wires-dynamic .dynamic-wire:nth-of-type(4){animation-delay:-3.9s}
.arch-wires-dynamic .dynamic-wire:nth-of-type(5){animation-delay:-5.2s}

@keyframes dynamicWireDash{
  to{stroke-dashoffset:-170}
}

.wire-packet{
  filter:url(#wireGlowDynamic);
  opacity:.96;
}

.packet-cyan{
  fill:#31d7f4;
}

.packet-violet{
  fill:#9a69ff;
}

/* alinhamento visual refinado */
.arch-live-node strong{
  font-size:.78rem !important;
}

.arch-live-node small{
  font-size:.51rem !important;
}

.arch-live-core{
  width:128px !important;
  height:108px !important;
}

.arch-live-core strong{
  font-size:.78rem !important;
}

.arch-live-core small{
  font-size:.45rem !important;
}

.node-data{
  padding-left:60px !important;
}

.node-ai{
  padding-left:70px !important;
}

/* mantém uma zona limpa entre diagrama e status */
.arch-live-status{
  bottom:15px !important;
}

@media(max-width:700px){
  /* no mobile, as linhas dinâmicas são ocultadas porque os blocos reorganizam verticalmente */
  .arch-wires-dynamic{
    display:none !important;
  }

  .node-erp{left:6% !important;top:14% !important}
  .node-crm{left:6% !important;top:27% !important}
  .node-legacy{left:6% !important;top:40% !important}

  .arch-live-core{
    left:73% !important;
    top:31% !important;
  }

  .node-data{
    left:6% !important;
    right:auto !important;
    top:53% !important;
  }

  .node-ai{
    right:6% !important;
    top:53% !important;
  }
}


/* ===== v7: core logo + cleaner node icons ===== */
.arch-live-core-logo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
}

.arch-live-core-logo .core-plus,
.arch-live-core-logo strong,
.arch-live-core-logo small{
  display:none !important;
}

.core-logo-img{
  display:block;
  width:72px;
  max-width:72%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(255,255,255,.10));
}

.node-data,
.node-ai{
  padding-left:76px !important;
}

.node-visual{
  position:absolute;
  left:18px;
  top:16px;
  width:46px;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.node-visual svg{
  width:100%;
  height:100%;
  overflow:visible;
}

.data-icon,
.ai-icon{
  display:none !important;
}

.node-data strong,
.node-ai strong{
  line-height:1.05;
}

.node-data small,
.node-ai small{
  opacity:.92;
}

@media(max-width:700px){
  .core-logo-img{width:62px;max-width:68%;}
  .node-data,
  .node-ai{padding-left:72px !important;}
  .node-visual{left:16px;top:14px;width:42px;height:42px;}
}


/* =========================================================
   HERO V8 — ajuste fino de conteúdo e gráfico
   ========================================================= */

/* CONNECTED ARCHITECTURE: conteúdo um pouco mais alto e com mais respiro */
.glass.one{
  padding:18px 24px 22px !important;
  overflow:hidden !important;
}

.glass.one > .eyebrow{
  display:block;
  margin-bottom:8px !important;
}

.glass.one h3{
  margin:0 0 8px !important;
  font-size:1.12rem !important;
  line-height:1.12 !important;
}

.glass.one > p{
  font-size:.80rem !important;
  line-height:1.42 !important;
  max-width:34ch;
}

.glass.one .flow{
  margin-top:13px !important;
  gap:8px !important;
}

.glass.one .flow span{
  font-size:.72rem !important;
  line-height:1.2 !important;
}

/* DATA PLATFORM: topo e base com espaçamento visual equivalente */
.glass.two{
  display:flex !important;
  flex-direction:column !important;
  padding:20px 22px 20px !important;
  overflow:hidden !important;
  transform:translateY(-10px) !important;
}

.glass.two > .eyebrow{
  display:block;
  margin-bottom:8px !important;
  flex:0 0 auto;
}

.glass.two h3{
  margin:0 !important;
  font-size:1.08rem !important;
  line-height:1.18 !important;
  flex:0 0 auto;
  max-width:18ch;
}

.glass.two .mini-bars{
  flex:1 1 auto !important;
  min-height:58px !important;
  height:auto !important;
  margin:12px 0 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:7px !important;
  overflow:hidden !important;
}

.glass.two .mini-bars i{
  transform:none !important;
  flex:0 0 12% !important;
  max-height:100% !important;
}

/* preserva uma folga inferior visual igual ao topo */
.glass.two .mini-bars::after{
  content:'';
  display:block;
  width:1px;
  height:1px;
  flex:0 0 1px;
}

@media(max-width:620px){
  .glass.one{
    padding:16px 18px 18px !important;
  }
  .glass.one .flow{
    margin-top:10px !important;
    gap:7px !important;
  }
  .glass.two{
    padding:17px 18px 17px !important;
    transform:translateY(-6px) !important;
  }
  .glass.two .mini-bars{
    min-height:48px !important;
    margin-top:10px !important;
  }
}


/* ===== Soluções: artes animadas ===== */
.product-card{overflow:hidden}
.product-art{isolation:isolate}
.product-art:before,.product-art:after{display:none !important}
.product-art .art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px);background-size:24px 24px;opacity:.18;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.35));z-index:0}
.product-art > *:not(.art-grid){position:absolute;z-index:1}

/* Card 1 - Integração */
.product-card:nth-child(1) .product-art{background:radial-gradient(circle at 65% 35%, rgba(74,147,255,.25), transparent 34%),linear-gradient(135deg,#08152f,#0f3f8a)}
.integration-art .ring{border:1px solid rgba(89,184,255,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.integration-art .ring-a{width:122px;height:122px;animation:pulseRing 4.8s ease-in-out infinite}
.integration-art .ring-b{width:156px;height:156px;animation:pulseRing 4.8s ease-in-out infinite 1.1s}
.integration-art .hub{width:22px;height:22px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#32d8ff,#7a67ff);box-shadow:0 0 18px rgba(50,216,255,.5)}
.integration-art .node{width:12px;height:12px;border-radius:50%;background:#9de4ff;box-shadow:0 0 10px rgba(116,214,255,.7)}
.integration-art .n1{left:28%;top:36%;animation:floatNode 4.4s ease-in-out infinite}
.integration-art .n2{left:70%;top:32%;animation:floatNode 4.4s ease-in-out infinite .8s}
.integration-art .n3{left:30%;top:71%;animation:floatNode 4.4s ease-in-out infinite 1.2s}
.integration-art .n4{left:73%;top:68%;animation:floatNode 4.4s ease-in-out infinite 1.9s}
.integration-art .link{height:2px;background:linear-gradient(90deg,rgba(83,206,255,.1),rgba(83,206,255,.85),rgba(137,112,255,.3));transform-origin:left center;opacity:.85}
.integration-art .l1{left:34.5%;top:40%;width:66px;transform:rotate(21deg)}
.integration-art .l2{left:52%;top:40%;width:61px;transform:rotate(-21deg)}
.integration-art .l3{left:35%;top:61%;width:62px;transform:rotate(-20deg)}
.integration-art .l4{left:52%;top:60%;width:62px;transform:rotate(21deg)}
.integration-art .pulse{width:8px;height:8px;border-radius:50%;background:#8f76ff;box-shadow:0 0 10px rgba(143,118,255,.75)}
.integration-art .p1{animation:travel1 3.3s linear infinite}
.integration-art .p2{animation:travel2 3.6s linear infinite}

/* Card 2 - Data */
.product-card:nth-child(2) .product-art{background:radial-gradient(circle at 70% 28%, rgba(34,211,238,.14), transparent 34%),linear-gradient(135deg,#071628,#113159)}
.data-art .bars{left:32px;right:32px;bottom:28px;height:88px;display:flex;align-items:flex-end;gap:10px}
.data-art .bars i{display:block;flex:1;border-radius:10px 10px 2px 2px;background:linear-gradient(180deg,#33d8ff,#2f71ff);box-shadow:0 0 18px rgba(51,216,255,.18);animation:barDance 3.2s ease-in-out infinite}
.data-art .bars i:nth-child(1){height:36px;animation-delay:.1s}
.data-art .bars i:nth-child(2){height:58px;animation-delay:.4s}
.data-art .bars i:nth-child(3){height:46px;animation-delay:.8s}
.data-art .bars i:nth-child(4){height:75px;animation-delay:1.2s}
.data-art .bars i:nth-child(5){height:62px;animation-delay:1.6s}
.data-art .flow-line{left:24px;right:24px;top:46px;height:2px;background:linear-gradient(90deg,rgba(49,216,255,.08),rgba(49,216,255,.85),rgba(49,216,255,.08));opacity:.9}
.data-art .flow-dot{width:10px;height:10px;border-radius:50%;background:#33d8ff;box-shadow:0 0 14px rgba(51,216,255,.6)}
.data-art .d1{top:42px;animation:dataFlow 4s linear infinite}
.data-art .d2{top:42px;animation:dataFlow 4s linear infinite 1.25s}
.data-art .d3{top:42px;animation:dataFlow 4s linear infinite 2.5s}

/* Card 3 - Software */
.product-card:nth-child(3) .product-art{background:radial-gradient(circle at 66% 28%, rgba(174,100,255,.18), transparent 32%),linear-gradient(135deg,#271356,#6b3ae1)}
.software-art .screen{border:2px solid rgba(231,235,255,.72);border-radius:18px;background:rgba(6,20,52,.15);backdrop-filter:blur(2px)}
.software-art .screen.big{left:34px;top:28px;width:138px;height:88px}
.software-art .screen.small{right:34px;bottom:34px;width:98px;height:60px}
.software-art .screen span{display:block;height:6px;border-radius:999px;background:rgba(255,255,255,.7);margin:14px 14px 0;animation:codeBlink 3.4s ease-in-out infinite}
.software-art .screen.big span:nth-child(1){width:48%;animation-delay:.1s}
.software-art .screen.big span:nth-child(2){width:66%;animation-delay:.5s}
.software-art .screen.big span:nth-child(3){width:38%;animation-delay:1s}
.software-art .screen.big span:nth-child(4){width:58%;animation-delay:1.5s}
.software-art .screen.small span:nth-child(1){width:52%;animation-delay:.2s}
.software-art .screen.small span:nth-child(2){width:36%;animation-delay:.8s}
.software-art .screen.small span:nth-child(3){width:64%;animation-delay:1.3s}
.software-art .cursor{width:12px;height:12px;border-radius:50%;background:#a176ff;box-shadow:0 0 16px rgba(161,118,255,.65);left:57%;top:44%;animation:cursorHop 3.8s ease-in-out infinite}

/* Card 4 - IA */
.product-card:nth-child(4) .product-art{background:radial-gradient(circle at 74% 32%, rgba(58,216,255,.16), transparent 35%),linear-gradient(135deg,#081824,#0f5161)}
.ai-art .brain-node{width:12px;height:12px;border-radius:50%;background:#b391ff;box-shadow:0 0 12px rgba(179,145,255,.65)}
.ai-art .a1{left:48px;top:102px;animation:aiPulse 3.8s ease-in-out infinite}
.ai-art .a2{left:92px;top:78px;animation:aiPulse 3.8s ease-in-out infinite .4s}
.ai-art .a3{left:138px;top:96px;animation:aiPulse 3.8s ease-in-out infinite .9s}
.ai-art .a4{left:76px;top:132px;animation:aiPulse 3.8s ease-in-out infinite 1.4s}
.ai-art .a5{left:122px;top:138px;animation:aiPulse 3.8s ease-in-out infinite 1.9s}
.ai-art .a6{left:170px;top:118px;animation:aiPulse 3.8s ease-in-out infinite 2.3s}
.ai-art .brain-link{height:2px;background:linear-gradient(90deg,#9a78ff,#51dbff);transform-origin:left center;opacity:.92}
.ai-art .k1{left:56px;top:106px;width:48px;transform:rotate(-21deg)}
.ai-art .k2{left:100px;top:83px;width:47px;transform:rotate(17deg)}
.ai-art .k3{left:82px;top:136px;width:48px;transform:rotate(-9deg)}
.ai-art .k4{left:128px;top:101px;width:60px;transform:rotate(22deg)}
.ai-art .k5{left:102px;top:127px;width:73px;transform:rotate(-9deg)}

@keyframes pulseRing{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.06);opacity:.85}}
@keyframes floatNode{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes travel1{0%{left:38%;top:44%;opacity:0}10%{opacity:1}50%{left:48%;top:50%}90%{opacity:1}100%{left:62%;top:58%;opacity:0}}
@keyframes travel2{0%{left:62%;top:42%;opacity:0}10%{opacity:1}50%{left:49%;top:50%}90%{opacity:1}100%{left:37%;top:59%;opacity:0}}
@keyframes barDance{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.12)}}
@keyframes dataFlow{0%{left:18px;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 30px);opacity:0}}
@keyframes codeBlink{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes cursorHop{0%,100%{transform:translate(0,0)}25%{transform:translate(28px,-14px)}55%{transform:translate(52px,10px)}80%{transform:translate(-10px,18px)}}
@keyframes aiPulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:1}}

@media(max-width:620px){
  .product-art{height:170px}
  .software-art .screen.big{left:24px;top:24px;width:122px;height:78px}
  .software-art .screen.small{right:24px;bottom:24px;width:86px;height:54px}
  .data-art .bars{left:24px;right:24px;bottom:20px}
}



/* ===== HERO refinement v10 ===== */
.visual-stack{overflow:visible !important}
.glass{border-radius:16px !important}

/* CONNECTED ARCHITECTURE */
.glass.one{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  padding:22px 30px 24px !important;
  min-height:236px;
}
.glass.one > .eyebrow{margin-bottom:10px !important}
.glass.one h3{margin:0 0 10px !important; line-height:1.12 !important}
.glass.one > p{line-height:1.46 !important; max-width:35ch}
.glass.one .flow{margin-top:14px !important; gap:10px !important; padding-bottom:2px !important}
.glass.one .flow span{font-size:.77rem !important; line-height:1.24 !important}

/* DATA PLATFORM */
.glass.two{
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  padding:22px 24px 22px !important;
  min-height:190px;
  background:linear-gradient(180deg, rgba(6,14,34,.96), rgba(4,12,30,.96)) !important;
  color:#fff !important;
  border:1px solid rgba(123,155,255,.18) !important;
  box-shadow:0 22px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.glass.two > .eyebrow{display:block; margin-bottom:10px !important; color:#8e68ff !important}
.glass.two h3{margin:0 !important; color:#fff !important; max-width:14ch; line-height:1.16 !important}
.glass.two .mini-bars{
  position:relative;
  margin:6px auto 0 !important;
  width:96%;
  min-height:86px !important;
  padding:0 6px 20px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:flex-end !important;
  gap:10px !important;
}
.glass.two .mini-bars::before{
  content:'';
  position:absolute;
  left:6%; right:6%; bottom:8px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(60,215,255,.5), transparent);
}
.glass.two .mini-bars i{
  flex:0 0 16% !important;
  max-width:56px;
  border-radius:4px 4px 0 0 !important;
  box-shadow:0 10px 20px rgba(22,157,255,.18);
}

/* IA / ML */
.glass.three{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  padding:18px 20px !important;
  overflow:hidden !important;
}
.glass.three::before{
  content:'';
  position:absolute;
  inset:auto auto -18px -18px;
  width:110px; height:110px;
  background:radial-gradient(circle, rgba(255,255,255,.12), transparent 65%);
  opacity:.55;
  pointer-events:none;
}
.glass.three .ai-copy{position:relative; z-index:2; min-width:0; flex:1 1 auto}
.glass.three strong{display:block; font-size:.98rem; margin-bottom:8px; letter-spacing:.01em}
.glass.three p{display:grid; gap:5px; margin:0 !important; opacity:.96 !important; font-size:.83rem !important; line-height:1.25 !important}
.glass.three p span{display:block}
.glass.three .ai-orbit{position:relative; width:94px; height:74px; flex:0 0 94px; z-index:1}
.glass.three .ai-orbit .core,
.glass.three .ai-orbit .orb{position:absolute; border-radius:50%}
.glass.three .ai-orbit .core{width:12px; height:12px; left:41px; top:31px; background:#d5cbff; box-shadow:0 0 16px rgba(213,203,255,.45)}
.glass.three .ai-orbit .orb{width:10px; height:10px; background:#b28bff; box-shadow:0 0 12px rgba(178,139,255,.55)}
.glass.three .ai-orbit .o1{left:8px; top:14px; animation:aiOrbitPulse 4s ease-in-out infinite}
.glass.three .ai-orbit .o2{right:8px; top:18px; animation:aiOrbitPulse 4s ease-in-out infinite .8s}
.glass.three .ai-orbit .o3{left:20px; bottom:10px; animation:aiOrbitPulse 4s ease-in-out infinite 1.4s}
.glass.three .ai-orbit .o4{right:18px; bottom:8px; animation:aiOrbitPulse 4s ease-in-out infinite 2s}
.glass.three .ai-orbit .link{position:absolute; height:2px; transform-origin:left center; background:linear-gradient(90deg, rgba(178,139,255,.85), rgba(72,207,255,.85)); opacity:.92}
.glass.three .ai-orbit .l1{left:18px; top:23px; width:28px; transform:rotate(18deg)}
.glass.three .ai-orbit .l2{left:49px; top:27px; width:28px; transform:rotate(-15deg)}
.glass.three .ai-orbit .l3{left:28px; top:43px; width:22px; transform:rotate(-27deg)}
.glass.three .ai-orbit .l4{left:49px; top:43px; width:21px; transform:rotate(29deg)}

@keyframes aiOrbitPulse{0%,100%{transform:scale(1); opacity:.92}50%{transform:scale(1.18); opacity:1}}

@media (max-width: 920px){
  .glass.one{padding:20px 24px 22px !important}
  .glass.two{padding:20px 20px 20px !important}
  .glass.three{gap:12px !important; padding:16px 18px !important}
  .glass.three .ai-orbit{width:78px; height:66px; flex-basis:78px}
  .glass.three .ai-orbit .core{left:33px; top:27px}
  .glass.three .ai-orbit .o1{left:5px; top:12px}
  .glass.three .ai-orbit .o2{right:5px; top:16px}
  .glass.three .ai-orbit .o3{left:16px; bottom:10px}
  .glass.three .ai-orbit .o4{right:14px; bottom:7px}
  .glass.three .ai-orbit .l1{left:14px; top:20px; width:24px}
  .glass.three .ai-orbit .l2{left:40px; top:24px; width:24px}
  .glass.three .ai-orbit .l3{left:22px; top:38px; width:18px}
  .glass.three .ai-orbit .l4{left:40px; top:38px; width:18px}
}

@media (max-width: 620px){
  .glass.one{padding:18px 18px 20px !important}
  .glass.two{padding:18px 18px 18px !important}
  .glass.two .mini-bars{min-height:58px !important; margin-top:12px !important}
  .glass.three{padding:15px 16px !important}
  .glass.three strong{font-size:.92rem}
  .glass.three p{font-size:.78rem !important; gap:4px}
  .glass.three .ai-orbit{width:70px; height:58px; flex-basis:70px}
}



/* ===== IA refinements v11 ===== */
/* solutions grid - AI card animation */
.ai-art{background:radial-gradient(circle at 74% 30%, rgba(48,221,255,.18), transparent 34%),linear-gradient(135deg,#091724,#0b4d62) !important}
.ai-art .ai-stage{position:absolute; inset:0; overflow:hidden}
.ai-art .ai-stage > *{position:absolute}
.ai-art .halo{position:absolute; left:50%; top:50%; width:120px; height:120px; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle, rgba(88,183,255,.12), transparent 62%); filter:blur(2px); animation:aiHalo 4.2s ease-in-out infinite}
.ai-art .brain-node{width:13px; height:13px; border-radius:50%; background:#b48fff; box-shadow:0 0 14px rgba(180,143,255,.75)}
.ai-art .a1{left:70px; top:102px; animation:aiNodeFloat 3.8s ease-in-out infinite}
.ai-art .a2{left:108px; top:74px; animation:aiNodeFloat 3.8s ease-in-out infinite .35s}
.ai-art .a3{left:156px; top:96px; animation:aiNodeFloat 3.8s ease-in-out infinite .9s}
.ai-art .a4{left:88px; top:140px; animation:aiNodeFloat 3.8s ease-in-out infinite 1.3s}
.ai-art .a5{left:138px; top:143px; animation:aiNodeFloat 3.8s ease-in-out infinite 1.8s}
.ai-art .a6{left:188px; top:118px; animation:aiNodeFloat 3.8s ease-in-out infinite 2.2s}
.ai-art .brain-link{height:3px; border-radius:999px; background:linear-gradient(90deg, rgba(110,232,255,.95), rgba(162,130,255,.95)); transform-origin:left center; opacity:.95; box-shadow:0 0 10px rgba(110,232,255,.2)}
.ai-art .k1{left:78px; top:108px; width:41px; transform:rotate(-24deg); animation:aiLinkGlow 3.2s ease-in-out infinite}
.ai-art .k2{left:116px; top:82px; width:47px; transform:rotate(18deg); animation:aiLinkGlow 3.2s ease-in-out infinite .5s}
.ai-art .k3{left:93px; top:142px; width:49px; transform:rotate(-8deg); animation:aiLinkGlow 3.2s ease-in-out infinite 1s}
.ai-art .k4{left:147px; top:103px; width:53px; transform:rotate(26deg); animation:aiLinkGlow 3.2s ease-in-out infinite 1.5s}
.ai-art .k5{left:120px; top:134px; width:78px; transform:rotate(-10deg); animation:aiLinkGlow 3.2s ease-in-out infinite 2s}
.ai-art .pulse-dot{width:8px; height:8px; border-radius:50%; background:#7ee8ff; box-shadow:0 0 12px rgba(126,232,255,.85); opacity:.95}
.ai-art .pulse-dot.p1{animation:aiTravel1 3.8s linear infinite}
.ai-art .pulse-dot.p2{animation:aiTravel2 4.1s linear infinite .9s}
.ai-art .pulse-dot.p3{animation:aiTravel3 3.5s linear infinite 1.5s}
@keyframes aiNodeFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.06)}}
@keyframes aiLinkGlow{0%,100%{opacity:.8; box-shadow:0 0 8px rgba(110,232,255,.12)}50%{opacity:1; box-shadow:0 0 14px rgba(110,232,255,.28)}}
@keyframes aiHalo{0%,100%{opacity:.45; transform:translate(-50%,-50%) scale(1)}50%{opacity:.7; transform:translate(-50%,-50%) scale(1.08)}}
@keyframes aiTravel1{0%{left:74px;top:104px}25%{left:110px;top:78px}50%{left:160px;top:99px}75%{left:136px;top:142px}100%{left:92px;top:141px}}
@keyframes aiTravel2{0%{left:95px;top:141px}25%{left:121px;top:133px}50%{left:189px;top:119px}75%{left:158px;top:98px}100%{left:108px;top:75px}}
@keyframes aiTravel3{0%{left:140px;top:142px}25%{left:123px;top:133px}50%{left:94px;top:141px}75%{left:76px;top:104px}100%{left:109px;top:76px}}

/* hero small IA card */
.glass.three{padding:18px 20px !important; gap:14px !important; min-height:112px}
.glass.three .ai-copy{flex:1 1 auto; min-width:0}
.glass.three strong{display:block; font-size:1rem; margin-bottom:7px; color:#fff}
.glass.three p{display:grid; gap:4px; margin:0 !important; font-size:.82rem !important; line-height:1.22 !important; color:rgba(255,255,255,.84)}
.glass.three .ai-mini-net{position:relative; flex:0 0 88px; width:88px; height:68px}
.glass.three .ai-mini-net .core,
.glass.three .ai-mini-net .node,
.glass.three .ai-mini-net .pulse{position:absolute; border-radius:50%}
.glass.three .ai-mini-net .core{left:38px; top:27px; width:12px; height:12px; background:#d8d0ff; box-shadow:0 0 16px rgba(216,208,255,.45)}
.glass.three .ai-mini-net .node{width:10px; height:10px; background:#ba98ff; box-shadow:0 0 12px rgba(186,152,255,.55)}
.glass.three .ai-mini-net .n1{left:6px; top:12px; animation:miniPulse 3.4s ease-in-out infinite}
.glass.three .ai-mini-net .n2{left:22px; top:31px; animation:miniPulse 3.4s ease-in-out infinite .5s}
.glass.three .ai-mini-net .n3{right:5px; top:18px; animation:miniPulse 3.4s ease-in-out infinite .9s}
.glass.three .ai-mini-net .n4{right:20px; bottom:9px; animation:miniPulse 3.4s ease-in-out infinite 1.3s}
.glass.three .ai-mini-net .n5{left:10px; bottom:8px; animation:miniPulse 3.4s ease-in-out infinite 1.8s}
.glass.three .ai-mini-net .beam{position:absolute; height:2px; border-radius:999px; background:linear-gradient(90deg, rgba(189,154,255,.95), rgba(72,209,255,.95)); transform-origin:left center; opacity:.95}
.glass.three .ai-mini-net .b1{left:14px; top:18px; width:30px; transform:rotate(27deg)}
.glass.three .ai-mini-net .b2{left:28px; top:35px; width:18px; transform:rotate(-15deg)}
.glass.three .ai-mini-net .b3{left:46px; top:31px; width:30px; transform:rotate(-17deg)}
.glass.three .ai-mini-net .b4{left:46px; top:37px; width:22px; transform:rotate(24deg)}
.glass.three .ai-mini-net .b5{left:17px; top:48px; width:25px; transform:rotate(-14deg)}
.glass.three .ai-mini-net .pulse{width:7px; height:7px; background:#6fe1ff; box-shadow:0 0 10px rgba(111,225,255,.85)}
.glass.three .ai-mini-net .p1{animation:miniTravel1 3.6s linear infinite}
.glass.three .ai-mini-net .p2{animation:miniTravel2 4s linear infinite .8s}
@keyframes miniPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
@keyframes miniTravel1{0%{left:10px;top:16px}33%{left:40px;top:30px}66%{left:73px;top:21px}100%{left:55px;top:51px}}
@keyframes miniTravel2{0%{left:16px;top:53px}33%{left:38px;top:34px}66%{left:71px;top:43px}100%{left:29px;top:35px}}

@media (max-width:620px){
  .glass.three{padding:16px 16px !important}
  .glass.three .ai-mini-net{flex-basis:78px; width:78px; height:62px}
  .glass.three .ai-mini-net .core{left:34px; top:24px}
  .glass.three .ai-mini-net .n1{left:5px; top:11px}
  .glass.three .ai-mini-net .n2{left:20px; top:28px}
  .glass.three .ai-mini-net .n3{right:4px; top:16px}
  .glass.three .ai-mini-net .n4{right:18px; bottom:8px}
  .glass.three .ai-mini-net .n5{left:9px; bottom:7px}
  .glass.three .ai-mini-net .b1{left:12px; top:17px; width:26px}
  .glass.three .ai-mini-net .b2{left:26px; top:32px; width:16px}
  .glass.three .ai-mini-net .b3{left:42px; top:28px; width:25px}
  .glass.three .ai-mini-net .b4{left:42px; top:34px; width:18px}
  .glass.three .ai-mini-net .b5{left:15px; top:44px; width:21px}
}


/* ===== CLIENTES & CASES v14 ===== */
.clients-cases{
  position:relative;
  padding:88px 0 94px !important;
  background:
    radial-gradient(circle at 84% 12%,rgba(111,72,239,.13),transparent 27%),
    radial-gradient(circle at 10% 88%,rgba(40,204,241,.08),transparent 25%),
    linear-gradient(180deg,#03070e,#050b14) !important;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.clients-cases .eyebrow{color:#8fe8ff !important}
.clients-cases-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:54px;
  align-items:end;
  margin-bottom:34px;
}
.clients-cases-head .section-title{
  margin:10px 0 0 !important;
  max-width:19ch;
  color:#fff !important;
}
.clients-cases-head>p{
  margin:0 0 6px;
  color:#9baac0;
  font-size:.94rem;
  line-height:1.72;
  max-width:58ch;
}

.client-case-tabs{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-bottom:16px;
}
.client-case-tab{
  min-width:0;
  height:82px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 12px;
  border:1px solid rgba(160,194,242,.10);
  background:#080f19;
  color:#aebbd0;
  cursor:pointer;
  transition:.25s ease;
}
.client-case-tab:hover,
.client-case-tab.active{
  background:#0d1725;
  border-color:rgba(126,226,255,.35);
  color:#fff;
  transform:translateY(-2px);
}
.client-case-tab.active{
  box-shadow:inset 0 -2px 0 #7448ef,0 12px 26px rgba(0,0,0,.18);
}
.client-case-logo{
  flex:0 0 54px;
  width:54px;
  height:54px;
  overflow:hidden;
  background:#fff;
  border-radius:8px;
  display:block;
}
.client-case-logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.client-case-tabname{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.74rem;
  font-weight:800;
}

.client-case-stage{
  position:relative;
  min-height:520px;
}
.client-case-panel{
  position:absolute;
  inset:0;
  display:grid;
  grid-template-columns:1.12fr .88fr;
  min-height:520px;
  overflow:hidden;
  background:#070e18;
  border:1px solid rgba(161,196,245,.12);
  opacity:0;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .45s ease,transform .6s cubic-bezier(.2,.75,.2,1);
}
.client-case-panel.active{
  opacity:1;
  pointer-events:auto;
  transform:none;
}
.client-case-content{
  padding:42px 42px 38px;
  position:relative;
  z-index:2;
}
.client-case-brandmark{
  position:absolute;
  right:40px;
  top:36px;
  width:86px;
  height:86px;
  border-radius:18px;
  background:linear-gradient(180deg,#0d1624,#08111d);
  border:1px solid rgba(138,187,255,.16);
  box-shadow:0 16px 34px rgba(0,0,0,.26);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.client-case-brandmark img{
  width:70%;
  height:70%;
  object-fit:contain;
  display:block;
}
.client-case-meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  padding-right:118px;
  color:#7f91aa;
  font-size:.67rem;
  font-weight:900;
  letter-spacing:.10em;
}
.demo-pill{
  padding:6px 8px;
  color:#d7caff;
  background:rgba(116,72,239,.13);
  border:1px solid rgba(116,72,239,.25);
}
.client-case-content h3{
  margin:28px 0 28px;
  max-width:11ch;
  color:#fff;
  font-size:clamp(2rem,3vw,3.15rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.client-case-story{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
}
.client-case-story small,
.client-case-impact>small{
  color:#7ee8ff;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.12em;
}
.client-case-story p{
  margin:9px 0 0;
  color:#aebbd0;
  font-size:.87rem;
  line-height:1.65;
}
.client-case-impact{
  margin-top:28px;
}
.client-case-impact>div{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:11px;
}
.client-case-impact span{
  padding:8px 10px;
  border:1px solid rgba(160,195,242,.12);
  background:#0d1624;
  color:#d7e3f5;
  font-size:.69rem;
  font-weight:800;
}
.client-case-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:30px;
  color:#72c7ff;
  font-weight:800;
  font-size:.84rem;
}

.client-case-visual{
  position:relative;
  min-height:520px;
  overflow:hidden;
  background:
    radial-gradient(circle at 52% 46%,rgba(40,203,239,.14),transparent 22%),
    radial-gradient(circle at 84% 82%,rgba(116,72,239,.20),transparent 30%),
    linear-gradient(145deg,#071934,#0c3c84 58%,#2b1867);
}
.client-case-visual::before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(164,197,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(164,197,255,.05) 1px,transparent 1px);
  background-size:34px 34px;
  opacity:.48;
}
.case-visual-logo{display:none}
.case-tech-map{
  position:absolute;
  inset:26px 24px 24px;
}
.tech-node,
.tech-core,
.tech-metric{
  position:absolute;
  border-radius:18px;
  border:1px solid rgba(148,196,255,.16);
  background:rgba(4,20,50,.82);
  color:#dce8fa;
  z-index:3;
}
.tech-node{
  min-width:138px;
  min-height:82px;
  padding:16px 16px 14px;
  box-shadow:0 14px 28px rgba(0,0,0,.12);
}
.tech-node strong{
  display:block;
  font-size:1rem;
  line-height:1.1;
  color:#fff;
  letter-spacing:-.02em;
}
.tech-node small{
  display:block;
  margin-top:8px;
  color:#aab9cf;
  font-size:.78rem;
  line-height:1.35;
}
.tech-node em{
  display:inline-block;
  width:14px;
  height:14px;
  border-radius:50%;
  margin-right:10px;
  vertical-align:middle;
  box-shadow:0 0 0 10px rgba(81,157,255,.12);
}
.tech-node strong span{vertical-align:middle}
.tech-node.tech-left-1{left:4%;top:12%}
.tech-node.tech-left-2{left:4%;top:38%}
.tech-node.tech-left-3{left:4%;top:64%}
.tech-node.tech-right-1{right:4%;top:12%;padding-left:84px;min-width:164px}
.tech-node.tech-right-2{right:4%;top:40%;padding-left:84px;min-width:164px}
.tech-node.tech-right-3{right:4%;top:68%;padding-left:84px;min-width:164px}

.tech-core{
  left:50%;
  top:50%;
  width:146px;
  height:146px;
  transform:translate(-50%,-50%);
  border-radius:34px;
  background:linear-gradient(135deg,#31d7f4,#5c79ff 58%,#9257ef);
  color:#fff;
  box-shadow:0 18px 42px rgba(37,126,220,.30),0 0 0 14px rgba(79,137,255,.06);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  animation:clientCoreFloat 5s ease-in-out infinite;
}
.tech-core::before{
  content:'+';
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:2rem;
  font-weight:300;
  background:#123b88;
  color:#fff;
  box-shadow:0 10px 20px rgba(5,22,58,.28);
}
.tech-core strong{
  display:block;
  margin-top:24px;
  font-size:1.55rem;
  letter-spacing:-.03em;
}
.tech-core small{
  font-size:.8rem;
  color:rgba(255,255,255,.86);
}
.tech-icon{
  position:absolute;
  left:20px;
  top:50%;
  transform:translateY(-50%);
}
.tech-icon.cylinder{
  width:42px;
  height:58px;
  border:2px solid #33d7f4;
  border-top:none;
  border-radius:0 0 20px 20px;
}
.tech-icon.cylinder::before,
.tech-icon.cylinder::after{
  content:'';
  position:absolute;
  left:-2px;
  width:42px;
  border:2px solid #33d7f4;
  border-radius:50%;
}
.tech-icon.cylinder::before{top:-10px;height:18px;background:rgba(0,0,0,.12)}
.tech-icon.cylinder::after{top:18px;height:14px;opacity:.45}
.tech-icon.network{
  width:46px;
  height:42px;
}
.tech-icon.network::before,
.tech-icon.network::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 9px 9px,#9e7cff 0 4px,transparent 5px),
    radial-gradient(circle at 37px 13px,#9e7cff 0 4px,transparent 5px),
    radial-gradient(circle at 21px 21px,#9e7cff 0 4px,transparent 5px),
    radial-gradient(circle at 9px 33px,#9e7cff 0 4px,transparent 5px),
    radial-gradient(circle at 33px 31px,#9e7cff 0 4px,transparent 5px);
}
.tech-icon.network::after{
  inset:6px 4px 4px 4px;
  background:none;
  border-left:2px solid transparent;
  box-shadow:none;
}
.tech-icon.network i,
.tech-icon.stack i{
  position:absolute;
  display:block;
  height:2px;
  background:#8c70ff;
  transform-origin:left center;
  border-radius:999px;
}
.tech-icon.network i:nth-child(1){left:11px;top:11px;width:14px;transform:rotate(31deg)}
.tech-icon.network i:nth-child(2){left:23px;top:21px;width:14px;transform:rotate(-28deg)}
.tech-icon.network i:nth-child(3){left:11px;top:30px;width:12px;transform:rotate(-36deg)}
.tech-icon.network i:nth-child(4){left:19px;top:18px;width:12px;transform:rotate(34deg)}
.tech-icon.stack{
  width:48px;
  height:36px;
}
.tech-icon.stack::before,
.tech-icon.stack::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  height:10px;
  border:2px solid #6fb6ff;
  border-radius:999px;
  background:rgba(255,255,255,.02);
}
.tech-icon.stack::before{top:0}
.tech-icon.stack::after{top:18px}
.tech-icon.stack i:nth-child(1){left:6px;top:9px;width:36px;background:#6fb6ff}
.tech-icon.stack i:nth-child(2){left:6px;top:27px;width:36px;background:#6fb6ff}

.tech-wire{
  position:absolute;
  height:2px;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(49,215,244,.12),rgba(49,215,244,.95),rgba(140,103,255,.55));
  opacity:.9;
  z-index:2;
  overflow:visible;
}
.tech-wire::after{
  content:'';
  position:absolute;
  top:50%;
  left:0;
  width:10px;
  height:10px;
  margin-top:-5px;
  border-radius:50%;
  background:#7de9ff;
  box-shadow:0 0 12px rgba(125,233,255,.75);
  animation:packetTravel 3.6s linear infinite;
}
.tech-wire.w1{left:26%;top:24%;width:23%;transform:rotate(24deg)}
.tech-wire.w2{left:26%;top:48%;width:21%;transform:rotate(8deg)}
.tech-wire.w3{left:26%;top:70%;width:23%;transform:rotate(-24deg)}
.tech-wire.w4{left:51%;top:50%;width:23%;transform:rotate(-25deg)}
.tech-wire.w5{left:51%;top:50%;width:23%;transform:rotate(0deg)}
.tech-wire.w6{left:51%;top:50%;width:23%;transform:rotate(25deg)}
.tech-wire.w2::after{animation-delay:.8s;background:#9d7dff;box-shadow:0 0 12px rgba(157,125,255,.7)}
.tech-wire.w3::after{animation-delay:1.4s}
.tech-wire.w4::after{animation-delay:.4s;background:#9d7dff;box-shadow:0 0 12px rgba(157,125,255,.7)}
.tech-wire.w5::after{animation-delay:1.2s}
.tech-wire.w6::after{animation-delay:1.8s;background:#9d7dff;box-shadow:0 0 12px rgba(157,125,255,.7)}

.tech-metrics{
  position:absolute;
  left:4%;
  right:4%;
  bottom:2%;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  z-index:3;
}
.tech-metric{
  min-height:84px;
  padding:14px 16px;
  background:rgba(6,18,44,.92);
  box-shadow:0 14px 24px rgba(0,0,0,.12);
}
.tech-metric small{
  display:block;
  color:#7f9fcb;
  font-size:.62rem;
  font-weight:900;
  letter-spacing:.12em;
}
.tech-metric strong{
  display:block;
  margin-top:8px;
  color:#fff;
  font-size:1.1rem;
}
.tech-metric span{
  display:block;
  margin-top:4px;
  color:#9bb0cc;
  font-size:.74rem;
}

@keyframes clientCoreFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-53%)}}
@keyframes packetTravel{0%{left:0;opacity:0}10%{opacity:1}90%{opacity:1}100%{left:calc(100% - 10px);opacity:0}}

.accent-violet .tech-core{background:linear-gradient(135deg,#53c7ff,#7448ef 58%,#8e63ff)}
.accent-blue .tech-core{background:linear-gradient(135deg,#4aa8ff,#3357d6 58%,#6b8cff)}
.client-case-disclaimer{
  margin:14px 0 0;
  color:#65758b;
  font-size:.68rem;
  line-height:1.5;
}

@media(max-width:980px){
  .clients-cases-head{grid-template-columns:1fr;gap:14px}
  .client-case-tabs{grid-template-columns:repeat(3,1fr)}
  .client-case-stage{min-height:910px}
  .client-case-panel{grid-template-columns:1fr;min-height:910px}
  .client-case-visual{min-height:430px}
  .client-case-content{padding:34px 30px 32px}
  .client-case-brandmark{right:30px;top:28px;width:78px;height:78px}
}
@media(max-width:620px){
  .clients-cases{padding:64px 0 70px !important}
  .client-case-tabs{grid-template-columns:1fr 1fr;gap:8px}
  .client-case-tab{height:70px;padding:8px}
  .client-case-logo{width:46px;height:46px;flex-basis:46px}
  .client-case-tabname{font-size:.66rem}
  .client-case-stage{min-height:1040px}
  .client-case-panel{min-height:1040px}
  .client-case-content{padding:28px 22px 26px}
  .client-case-brandmark{position:static;width:74px;height:74px;margin:18px 0 0}
  .client-case-meta{padding-right:0}
  .client-case-content h3{font-size:2rem;margin:18px 0 24px;max-width:12ch}
  .client-case-story{grid-template-columns:1fr;gap:20px}
  .client-case-visual{min-height:470px}
  .case-tech-map{inset:16px 12px 18px}
  .tech-node{min-width:92px;min-height:62px;padding:11px 10px 10px}
  .tech-node strong{font-size:.8rem}
  .tech-node small{font-size:.64rem;margin-top:5px}
  .tech-node em{width:11px;height:11px;margin-right:6px;box-shadow:0 0 0 8px rgba(81,157,255,.10)}
  .tech-node.tech-right-1,.tech-node.tech-right-2,.tech-node.tech-right-3{padding-left:58px;min-width:118px}
  .tech-icon{left:12px;transform:translateY(-50%) scale(.78);transform-origin:left center}
  .tech-core{width:102px;height:102px;border-radius:24px}
  .tech-core::before{width:32px;height:32px;top:10px;font-size:1.4rem}
  .tech-core strong{font-size:1.05rem;margin-top:12px}
  .tech-core small{font-size:.62rem}
  .tech-wire.w1,.tech-wire.w2,.tech-wire.w3{left:28%;width:20%}
  .tech-wire.w4,.tech-wire.w5,.tech-wire.w6{left:51%;width:20%}
  .tech-metrics{grid-template-columns:1fr;gap:8px;left:2%;right:2%;bottom:1%}
  .tech-metric{min-height:62px;padding:10px 12px}
  .tech-metric strong{font-size:.9rem}
}


/* =========================================================
   CLIENTES & CASES V17 — clean premium, sem sobreposição
   ========================================================= */
.cases-showcase-v17{padding:82px 0 88px!important;background:#02060b!important;border-top:1px solid rgba(255,255,255,.05)}
.cases-showcase-v17 .clients-cases-head{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:end;margin:12px 0 32px}
.cases-showcase-v17 .clients-cases-head .section-title{max-width:14ch;margin:0;color:#fff;font-size:clamp(2.5rem,4.1vw,4.7rem);line-height:.98;letter-spacing:-.055em}
.cases-showcase-v17 .clients-cases-head p{margin:0 0 6px;max-width:48ch;color:#91a0b4;font-size:.94rem;line-height:1.7}
.cases-showcase-v17 .client-case-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.cases-showcase-v17 .client-case-tab{height:84px;padding:10px 12px;display:flex;align-items:center;gap:12px;background:#08111d;border:1px solid #172638;color:#dce7f7;cursor:pointer;overflow:hidden;transition:.22s ease}
.cases-showcase-v17 .client-case-tab:hover,.cases-showcase-v17 .client-case-tab.active{background:#0c1725;border-color:#33506d;transform:translateY(-1px)}
.cases-showcase-v17 .client-case-tab.active{box-shadow:inset 0 -2px 0 #7956ef}
.cases-showcase-v17 .client-case-logo{width:52px;height:52px;flex:0 0 52px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.cases-showcase-v17 .client-case-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.cases-showcase-v17 .client-case-tabname{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.74rem;font-weight:850;color:#eaf2ff}
.cases-showcase-v17 .client-case-stage{position:relative;min-height:610px;border:1px solid #172638;background:#06101b;overflow:hidden}
.cases-showcase-v17 .client-case-panel{position:absolute;inset:0;display:grid;grid-template-columns:.96fr 1.04fr;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .45s ease,transform .45s ease}
.cases-showcase-v17 .client-case-panel.active{opacity:1;pointer-events:auto;transform:none;z-index:2}
.casev17-copy{padding:44px 44px 40px;display:flex;flex-direction:column;background:linear-gradient(180deg,#07111c,#050c14)}
.casev17-topline{display:flex;align-items:center;gap:16px}
.casev17-brand{width:82px;height:82px;flex:0 0 82px;border-radius:16px;background:#fff;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.24)}
.casev17-brand img{width:100%;height:100%;object-fit:contain;padding:8px}
.casev17-meta{display:grid;gap:8px;min-width:0}.casev17-meta span{width:max-content;max-width:100%;padding:6px 9px;color:#d8ccff;border:1px solid rgba(125,82,238,.34);background:rgba(116,72,239,.12);font-size:.64rem;font-weight:900;letter-spacing:.08em}.casev17-meta small{color:#8496ae;font-size:.65rem;font-weight:850;letter-spacing:.10em}
.casev17-copy h3{margin:28px 0 26px;max-width:13ch;color:#fff;font-size:clamp(2rem,2.7vw,3.05rem);line-height:1.02;letter-spacing:-.045em}
.casev17-story{display:grid;grid-template-columns:1fr 1fr;gap:26px}.casev17-story small,.casev17-impact>small{color:#79e5f8;font-size:.62rem;font-weight:900;letter-spacing:.12em}.casev17-story p{margin:9px 0 0;color:#a9b7c9;font-size:.84rem;line-height:1.65}
.casev17-impact{margin-top:26px}.casev17-impact>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.casev17-impact span{padding:8px 10px;border:1px solid #1b2d43;background:#0b1623;color:#d7e3f4;font-size:.68rem;font-weight:800}
.casev17-cta{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:auto;padding-top:28px;color:#6dcfff;font-size:.82rem;font-weight:850}.casev17-cta b{font-size:1rem;transition:transform .2s}.casev17-cta:hover b{transform:translateX(4px)}
.casev17-visual{position:relative;padding:24px;background:radial-gradient(circle at 50% 45%,rgba(37,201,238,.12),transparent 24%),radial-gradient(circle at 88% 84%,rgba(116,72,239,.20),transparent 30%),linear-gradient(145deg,#081a37,#0d438e 58%,#2b1b6e);overflow:hidden}
.casev17-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(166,202,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(166,202,255,.05) 1px,transparent 1px);background-size:32px 32px;opacity:.45}
.casev17-visual-head{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;color:#eaf5ff}.casev17-visual-head span{font-size:.66rem;font-weight:900;letter-spacing:.12em}.casev17-visual-head small{color:#8fa9cb;font-size:.56rem;letter-spacing:.14em}
.casev17-diagram{position:relative;z-index:2;height:452px;margin-top:12px;display:grid;grid-template-columns:31% 28% 31%;grid-template-rows:repeat(3,1fr);column-gap:5%;align-items:center}
.casev17-wires{position:absolute;inset:0;width:100%;height:100%;z-index:0}.casev17-wires path{fill:none;stroke:url(#cv17g0);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 12;opacity:.55;animation:casev17dash 8s linear infinite}
.casev17-node{position:relative;z-index:2;min-height:82px;padding:14px 14px;display:flex;align-items:center;gap:12px;border-radius:16px;border:1px solid rgba(153,199,255,.16);background:rgba(4,20,50,.86);box-shadow:0 12px 26px rgba(0,0,0,.14)}
.casev17-node strong{display:block;color:#fff;font-size:.84rem;line-height:1.05}.casev17-node small{display:block;margin-top:6px;color:#9db0ca;font-size:.65rem;line-height:1.25}.casev17-dot{width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#36d6f3;box-shadow:0 0 0 8px rgba(54,214,243,.09)}
.casev17-right .casev17-dot{background:#9368f4;box-shadow:0 0 0 8px rgba(147,104,244,.09)}
.casev17-left{grid-column:1}.casev17-right{grid-column:3}.casev17-r1{grid-row:1}.casev17-r2{grid-row:2}.casev17-r3{grid-row:3}
.casev17-core{position:relative;z-index:3;grid-column:2;grid-row:1/4;align-self:center;justify-self:center;width:138px;height:138px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:linear-gradient(135deg,#35d7f3,#557cff 55%,#8e59ef);box-shadow:0 18px 42px rgba(30,123,220,.28),0 0 0 15px rgba(82,127,255,.06);animation:casev17float 4.8s ease-in-out infinite}
.casev17-core span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#123b85;font-size:1.8rem;font-weight:300;margin-bottom:8px}.casev17-core strong{font-size:1.05rem}.casev17-core small{margin-top:7px;max-width:12ch;color:rgba(255,255,255,.86);font-size:.58rem;line-height:1.3}
.casev17-packet{position:absolute;z-index:1;width:8px;height:8px;border-radius:50%;background:#6fe5ff;box-shadow:0 0 12px rgba(111,229,255,.8)}.casev17-packet.p1{animation:casev17packet1 4s linear infinite}.casev17-packet.p2{animation:casev17packet2 4.5s linear infinite .9s;background:#a07af7}.casev17-packet.p3{animation:casev17packet3 4.2s linear infinite 1.5s}
.casev17-metrics{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.casev17-metrics>div{padding:13px 14px;border-radius:13px;background:rgba(5,18,45,.88);border:1px solid rgba(154,197,255,.14)}.casev17-metrics small{display:block;color:#829dc2;font-size:.52rem;font-weight:900;letter-spacing:.11em}.casev17-metrics strong{display:block;margin-top:6px;color:#fff;font-size:.78rem}
.cases-showcase-v17 .client-case-disclaimer{margin:12px 0 0;color:#607086;font-size:.64rem;line-height:1.5}
@keyframes casev17dash{to{stroke-dashoffset:-180}}@keyframes casev17float{50%{transform:translateY(-5px)}}@keyframes casev17packet1{0%{left:25%;top:20%;opacity:0}15%{opacity:1}50%{left:50%;top:50%}85%{opacity:1}100%{left:76%;top:20%;opacity:0}}@keyframes casev17packet2{0%{left:25%;top:50%;opacity:0}15%{opacity:1}50%{left:50%;top:50%}85%{opacity:1}100%{left:76%;top:50%;opacity:0}}@keyframes casev17packet3{0%{left:25%;top:80%;opacity:0}15%{opacity:1}50%{left:50%;top:50%}85%{opacity:1}100%{left:76%;top:80%;opacity:0}}
@media(max-width:1100px){.cases-showcase-v17 .client-case-tabs{grid-template-columns:repeat(3,1fr)}.cases-showcase-v17 .client-case-stage{min-height:1000px}.cases-showcase-v17 .client-case-panel{grid-template-columns:1fr}.casev17-visual{min-height:520px}.casev17-copy{min-height:480px}.cases-showcase-v17 .clients-cases-head{grid-template-columns:1fr;gap:16px}.cases-showcase-v17 .clients-cases-head .section-title{max-width:16ch}}
@media(max-width:680px){.cases-showcase-v17{padding:62px 0 70px!important}.cases-showcase-v17 .client-case-tabs{grid-template-columns:1fr 1fr}.cases-showcase-v17 .client-case-stage{min-height:1130px}.casev17-copy{padding:28px 22px 26px;min-height:570px}.casev17-topline{align-items:flex-start}.casev17-brand{width:68px;height:68px;flex-basis:68px}.casev17-meta span{font-size:.56rem}.casev17-meta small{font-size:.56rem}.casev17-copy h3{font-size:2rem;max-width:13ch}.casev17-story{grid-template-columns:1fr;gap:18px}.casev17-visual{padding:18px 12px;min-height:540px}.casev17-diagram{height:418px;grid-template-columns:32% 26% 32%;column-gap:5%}.casev17-node{min-height:70px;padding:10px;gap:8px}.casev17-node strong{font-size:.67rem}.casev17-node small{font-size:.54rem}.casev17-core{width:94px;height:94px;border-radius:22px}.casev17-core span{width:28px;height:28px;font-size:1.3rem;margin-bottom:4px}.casev17-core strong{font-size:.82rem}.casev17-core small{font-size:.48rem}.casev17-metrics{gap:6px}.casev17-metrics>div{padding:10px 8px}.casev17-metrics strong{font-size:.65rem}.casev17-visual-head small{display:none}}

/* =========================================================
   V18 — ajustes pedidos pelo usuário
   ========================================================= */
.cases-showcase-v17 .client-case-tabs{
  gap:12px !important;
}

.cases-showcase-v17 .client-case-tab{
  position:relative;
  height:92px !important;
  padding:10px 14px 14px !important;
}

.cases-showcase-v17 .client-case-tab::after{
  content:'';
  position:absolute;
  left:0;
  right:100%;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,#37d5f3,#8b5ff2);
  opacity:0;
  pointer-events:none;
}

.cases-showcase-v17 .client-case-tab.active::after{
  opacity:1;
  animation:caseTabProgress 6500ms linear forwards;
}

@keyframes caseTabProgress{
  from{right:100%}
  to{right:0}
}

.cases-showcase-v17 .client-case-logo{
  width:60px !important;
  height:60px !important;
  flex:0 0 60px !important;
  border-radius:12px !important;
}

.cases-showcase-v17 .client-case-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:2px !important;
}

.cases-showcase-v17 .client-case-tabname{
  font-size:.80rem !important;
}

.casev17-core.casev17-core-logo{
  padding:12px !important;
  overflow:hidden;
}

.casev17-core.casev17-core-logo > *:not(img){
  display:none !important;
}

.casev17-core.casev17-core-logo img{
  display:block;
  width:88%;
  height:88%;
  object-fit:contain;
  filter:drop-shadow(0 10px 16px rgba(0,0,0,.16));
}

.casev17-metrics{
  position:relative;
  padding-top:26px !important;
  margin-top:10px !important;
}

.casev17-metrics::before{
  content:'';
  position:absolute;
  left:50%;
  top:0;
  width:10px;
  height:10px;
  border-radius:50%;
  transform:translate(-50%,-40%);
  background:#73e5ff;
  box-shadow:0 0 0 8px rgba(115,229,255,.10),0 0 16px rgba(115,229,255,.26);
}

.casev17-metrics > div{
  position:relative;
}

.casev17-metrics > div::before{
  content:'';
  position:absolute;
  left:50%;
  top:-22px;
  width:2px;
  height:22px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,rgba(115,229,255,.95),rgba(115,229,255,.14));
}

.casev17-metrics > div::after{
  content:'';
  position:absolute;
  left:50%;
  top:-22px;
  width:44%;
  height:2px;
  background:linear-gradient(90deg,rgba(115,229,255,0),rgba(115,229,255,.6));
}

.casev17-metrics > div:nth-child(1)::after{
  transform:translateX(0);
}

.casev17-metrics > div:nth-child(2)::after{
  display:none;
}

.casev17-metrics > div:nth-child(3)::after{
  left:auto;
  right:50%;
  background:linear-gradient(90deg,rgba(115,229,255,.6),rgba(115,229,255,0));
}

@media(max-width:1100px){
  .cases-showcase-v17 .client-case-tab{
    height:88px !important;
  }

  .cases-showcase-v17 .client-case-logo{
    width:56px !important;
    height:56px !important;
    flex-basis:56px !important;
  }
}

@media(max-width:680px){
  .cases-showcase-v17 .client-case-tab{
    height:80px !important;
    padding:8px 10px 12px !important;
  }

  .cases-showcase-v17 .client-case-logo{
    width:50px !important;
    height:50px !important;
    flex-basis:50px !important;
  }

  .cases-showcase-v17 .client-case-tabname{
    font-size:.70rem !important;
  }

  .casev17-core.casev17-core-logo img{
    width:82%;
    height:82%;
  }

  .casev17-metrics{
    padding-top:18px !important;
  }

  .casev17-metrics::before,
  .casev17-metrics > div::before,
  .casev17-metrics > div::after{
    display:none;
  }
}


/* =========================================================
   V19 — abertura Clientes & Cases com fundo tecnológico vivo
   ========================================================= */
.cases-showcase-v17{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 8%,rgba(33,169,224,.13),transparent 28%),
    radial-gradient(circle at 91% 34%,rgba(116,72,239,.16),transparent 34%),
    linear-gradient(180deg,#02060b 0%,#030811 100%) !important;
}

.cases-showcase-v17::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(120,170,232,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(120,170,232,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.35) 48%,transparent 82%);
  opacity:.72;
}

.cases-showcase-v17::after{
  content:'';
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:760px;
  height:360px;
  right:-110px;
  top:38px;
  border-radius:50%;
  background:
    radial-gradient(circle at 30% 52%,rgba(52,213,244,.09),transparent 18%),
    radial-gradient(circle at 67% 45%,rgba(120,84,245,.12),transparent 22%),
    radial-gradient(circle at 50% 50%,rgba(11,68,138,.16),transparent 58%);
  filter:blur(4px);
  animation:casesAmbientDrift 10s ease-in-out infinite;
}

.cases-showcase-v17 > .wrap{
  position:relative;
  z-index:2;
}

.cases-head-network{
  position:absolute;
  z-index:1;
  top:64px;
  right:3.5%;
  width:min(48vw,760px);
  height:350px;
  pointer-events:none;
  opacity:.94;
}

.cases-head-network svg{
  width:100%;
  height:100%;
  overflow:visible;
}

.cases-head-network .network-halo{
  fill:url(#casesHalo);
  opacity:.48;
  animation:casesHaloPulse 5.8s ease-in-out infinite;
  transform-box:fill-box;
  transform-origin:center;
}

.cases-head-network .network-line{
  fill:none;
  stroke:url(#casesLineGrad);
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-dasharray:8 11;
  opacity:.48;
  animation:casesFlowDash 10s linear infinite;
}

.cases-head-network .network-line:nth-of-type(2){animation-delay:-2s}
.cases-head-network .network-line:nth-of-type(3){animation-delay:-4s}
.cases-head-network .network-line:nth-of-type(4){animation-delay:-6s}
.cases-head-network .network-line:nth-of-type(5){animation-delay:-8s}

.cases-head-network .network-ring{
  fill:rgba(4,17,42,.58);
  stroke:rgba(123,188,255,.16);
  stroke-width:1;
}

.cases-head-network .network-core{
  fill:url(#casesCoreGrad);
  filter:url(#casesGlow);
  animation:casesCoreFloat 5.6s ease-in-out infinite;
  transform-box:fill-box;
  transform-origin:center;
}

.cases-head-network .network-dot{
  filter:url(#casesGlowSmall);
  animation:casesNodePulse 3.8s ease-in-out infinite;
  transform-box:fill-box;
  transform-origin:center;
}

.cases-head-network .d2{animation-delay:.7s}
.cases-head-network .d3{animation-delay:1.4s}
.cases-head-network .d4{animation-delay:2.1s}
.cases-head-network .d5{animation-delay:2.8s}

.cases-head-network .network-packet{
  fill:#6ee8ff;
  filter:url(#casesGlowSmall);
}

.cases-head-network .network-label{
  fill:#9fb8db;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  opacity:.72;
}

.cases-head-network .network-watermark{
  fill:rgba(224,239,255,.09);
  font-size:64px;
  font-weight:900;
  letter-spacing:-.05em;
}

.cases-showcase-v17 .clients-cases-head{
  position:relative;
  z-index:3;
  min-height:300px;
  align-items:end !important;
}

.cases-showcase-v17 .clients-cases-head::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-18px;
  height:1px;
  background:linear-gradient(90deg,rgba(48,211,241,.22),rgba(111,72,239,.20),transparent 76%);
  pointer-events:none;
}

@keyframes casesFlowDash{to{stroke-dashoffset:-180}}
@keyframes casesCoreFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.025)}}
@keyframes casesNodePulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.22);opacity:1}}
@keyframes casesHaloPulse{0%,100%{transform:scale(.94);opacity:.34}50%{transform:scale(1.06);opacity:.56}}
@keyframes casesAmbientDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,10px,0) scale(1.04)}}

@media(max-width:1100px){
  .cases-head-network{
    top:76px;
    right:-8%;
    width:58vw;
    opacity:.62;
  }

  .cases-showcase-v17 .clients-cases-head{
    min-height:270px;
  }
}

@media(max-width:760px){
  .cases-head-network{
    top:74px;
    right:-40%;
    width:120vw;
    height:300px;
    opacity:.34;
  }

  .cases-showcase-v17 .clients-cases-head{
    min-height:230px;
  }

  .cases-showcase-v17 .clients-cases-head .section-title{
    position:relative;
    z-index:4;
  }
}

@media(prefers-reduced-motion:reduce){
  .cases-showcase-v17::after,
  .cases-head-network .network-line,
  .cases-head-network .network-core,
  .cases-head-network .network-dot,
  .cases-head-network .network-halo{
    animation:none !important;
  }
}



/* ==============================
   TELA 3 — ITWV INSTITUCIONAL
   ============================== */
.itwv-about-v3{
  position:relative;
  overflow:hidden;
  background:#03060b !important;
  color:#fff;
  padding:86px 0 92px;
}
.itwv-about-v3::before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  border-radius:50%;
  right:-180px;
  top:-210px;
  background:radial-gradient(circle,rgba(31,126,255,.18),rgba(116,72,239,.10) 42%,transparent 68%);
  filter:blur(4px);
}
.itwv-about-v3::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
  opacity:.45;
  pointer-events:none;
}
.itwv3-wrap{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:72px;
  align-items:stretch;
}
.itwv3-manifesto{
  min-height:470px;
  border:1px solid rgba(141,181,244,.15);
  background:linear-gradient(180deg,#0a111c,#07101b);
  box-shadow:0 28px 70px rgba(0,0,0,.36);
  padding:42px 44px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}
.itwv3-manifesto::before{
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  border:1px solid rgba(143,108,255,.18);
  border-radius:50%;
  right:-90px;
  bottom:-100px;
  box-shadow:0 0 0 38px rgba(102,72,239,.035),0 0 0 76px rgba(39,198,255,.025);
}
.itwv3-logo-box{
  width:150px;
  height:84px;
  display:grid;
  place-items:center;
  background:#fff;
  border-radius:2px;
  box-shadow:0 16px 36px rgba(0,0,0,.22);
}
.itwv3-logo-box img{width:122px;height:66px;object-fit:contain;display:block}
.itwv3-quote{
  position:relative;
  z-index:2;
  max-width:13ch;
  margin:46px 0 0;
  color:#fff;
  font-size:clamp(1.9rem,2.5vw,2.65rem);
  line-height:1.07;
  letter-spacing:-.035em;
  font-weight:700;
}
.itwv3-quote span{color:#7ee8ff}
.itwv3-caption{
  position:relative;
  z-index:2;
  margin-top:26px;
  color:#8395ae;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
}
.itwv3-content{padding:12px 0 6px}
.itwv3-kicker{
  display:flex;
  align-items:center;
  gap:12px;
  color:#7ee8ff;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:16px;
}
.itwv3-kicker::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,#31d6f4,#8d65ff)}
.itwv3-content h2{
  margin:0 0 24px;
  max-width:13ch;
  font-size:clamp(2.25rem,3.6vw,3.9rem);
  line-height:1.02;
  letter-spacing:-.045em;
  color:#fff;
}
.itwv3-lead,
.itwv3-copy{
  margin:0 0 18px;
  max-width:68ch;
  color:#b9c6d8;
  font-size:1rem;
  line-height:1.72;
}
.itwv3-lead strong,.itwv3-copy strong{color:#fff}
.itwv3-provider-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:28px 0 28px;
}
.itwv3-provider-row span{
  padding:8px 12px;
  border:1px solid rgba(149,185,239,.15);
  background:#09111d;
  color:#dce8f7;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.02em;
}
.itwv3-provider-row span:first-child{
  color:#fff;
  border-color:rgba(139,95,242,.35);
  background:linear-gradient(135deg,rgba(31,111,231,.22),rgba(116,72,239,.22));
}
.itwv3-mission{
  margin-top:30px;
  padding:22px 24px;
  border-left:3px solid #7448ef;
  background:linear-gradient(90deg,rgba(116,72,239,.10),rgba(18,109,230,.05),transparent);
}
.itwv3-mission small{
  display:block;
  color:#8cecff;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.itwv3-mission p{
  margin:0;
  color:#f5f8fc;
  font-size:1.02rem;
  line-height:1.55;
  font-weight:650;
}
@media(max-width:960px){
  .itwv3-wrap{grid-template-columns:1fr;gap:34px}
  .itwv3-manifesto{min-height:390px}
  .itwv3-content h2{max-width:18ch}
}
@media(max-width:620px){
  .itwv-about-v3{padding:64px 0 70px}
  .itwv3-manifesto{min-height:350px;padding:30px 26px}
  .itwv3-logo-box{width:128px;height:74px}
  .itwv3-logo-box img{width:106px;height:58px}
  .itwv3-quote{font-size:2rem;margin-top:34px}
  .itwv3-content h2{font-size:2.25rem}
  .itwv3-lead,.itwv3-copy{font-size:.94rem}
}




/* =========================================================
   BLOCO ORIGINAL: case-v20-fixes
   ========================================================= */

/* v20 fixes: cleaner logos, white center logo, stronger middle connectors */
.cases-showcase-v17 .client-case-logo,
.casev17-brand{
  background:linear-gradient(180deg,rgba(18,34,59,.96),rgba(8,19,35,.92)) !important;
  border:1px solid rgba(156,197,255,.18) !important;
  box-shadow:0 10px 22px rgba(0,0,0,.24) !important;
}

.cases-showcase-v17 .client-case-logo{
  width:64px !important;
  height:64px !important;
  flex-basis:64px !important;
}

.cases-showcase-v17 .client-case-logo img,
.casev17-brand img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:0 !important;
  transform:scale(1.10);
}

.casev17-brand{
  width:92px !important;
  height:92px !important;
  flex-basis:92px !important;
}

.casev17-core.casev17-core-logo{
  display:grid !important;
  place-items:center !important;
}

.casev17-core.casev17-core-logo img{
  width:86% !important;
  height:86% !important;
  object-fit:contain !important;
  filter:brightness(0) invert(1) drop-shadow(0 10px 18px rgba(0,0,0,.22)) !important;
}

/* extra visible connector stubs for middle row cards */
.casev17-node.casev17-r2::after{
  content:'';
  position:absolute;
  top:50%;
  width:46px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(55,213,243,.95),rgba(139,95,242,.55));
  box-shadow:0 0 14px rgba(78,172,255,.35);
  opacity:.95;
}
.casev17-left.casev17-r2::after{ right:-34px; }
.casev17-right.casev17-r2::after{ left:-34px; background:linear-gradient(90deg,rgba(139,95,242,.55),rgba(55,213,243,.95)); }

/* subtle stubs for top and bottom nodes to complete the feeling */
.casev17-node.casev17-r1::after,
.casev17-node.casev17-r3::after{
  content:'';
  position:absolute;
  top:50%;
  width:24px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(55,213,243,.65),rgba(139,95,242,.32));
  opacity:.65;
}
.casev17-left.casev17-r1::after,
.casev17-left.casev17-r3::after{ right:-14px; }
.casev17-right.casev17-r1::after,
.casev17-right.casev17-r3::after{ left:-14px; background:linear-gradient(90deg,rgba(139,95,242,.32),rgba(55,213,243,.65)); }

@media(max-width:680px){
  .cases-showcase-v17 .client-case-logo{width:54px !important;height:54px !important;flex-basis:54px !important;}
  .casev17-brand{width:76px !important;height:76px !important;flex-basis:76px !important;}
  .casev17-node.casev17-r2::after,
  .casev17-node.casev17-r1::after,
  .casev17-node.casev17-r3::after{display:none;}
}



/* =========================================================
   BLOCO ORIGINAL: v21-user-fixes
   ========================================================= */

/* v21: larger case modal, remove disclaimer and separator lines */
.cases-showcase-v17 .client-case-stage{
  min-height: 670px !important;
}
@media (max-width:1100px){
  .cases-showcase-v17 .client-case-stage{min-height:1060px !important;}
}
@media (max-width:680px){
  .cases-showcase-v17 .client-case-stage{min-height:1180px !important;}
}

.cases-showcase-v17 .client-case-disclaimer{
  display:none !important;
}

/* remove thin separator lines that were breaking the flow */
.cases-showcase-v17,
.business,
.contact-dark-final,
.footer-dark-final{
  border-top:none !important;
}
.cases-showcase-v17 .clients-cases-head::after,
.footer-dark-final::before{
  display:none !important;
}

/* soften any leftover hairlines inside the client case block */
.cases-showcase-v17 .client-case-stage,
.case-feature,
.small-case{
  box-shadow:none !important;
}



/* =========================================================
   BLOCO ORIGINAL: v22-case-text-layout
   ========================================================= */

/* V22 — header limpo + mesma altura útil para todos os textos dos cases */
.cases-showcase-v17 .clients-cases-head{
  grid-template-columns:1fr !important;
  min-height:260px !important;
  align-items:end !important;
}

.cases-showcase-v17 .clients-cases-head .section-title{
  max-width:13.5ch !important;
}

.cases-showcase-v17 .client-case-stage{
  min-height:720px !important;
}

.cases-showcase-v17 .client-case-panel{
  min-height:720px !important;
}

.casev17-copy{
  min-height:720px !important;
  padding:42px 44px 38px !important;
  display:grid !important;
  grid-template-rows:auto 154px 178px auto auto !important;
  align-content:start !important;
  row-gap:0 !important;
  overflow:visible !important;
}

.casev17-topline{
  min-height:92px !important;
  align-items:flex-start !important;
}

.casev17-copy h3{
  margin:24px 0 0 !important;
  max-width:14ch !important;
  font-size:clamp(2.15rem,2.45vw,2.75rem) !important;
  line-height:1.03 !important;
  align-self:start !important;
}

.casev17-story{
  align-self:start !important;
  min-height:178px !important;
  padding-top:12px !important;
}

.casev17-story > div{
  min-width:0;
}

.casev17-story p{
  margin-top:9px !important;
  font-size:.83rem !important;
  line-height:1.62 !important;
}

.casev17-impact{
  margin-top:14px !important;
  align-self:start !important;
}

.casev17-impact > div{
  min-height:42px !important;
  align-items:flex-start !important;
}

.casev17-cta{
  margin-top:18px !important;
  padding-top:0 !important;
  align-self:end !important;
}

@media(max-width:1100px){
  .cases-showcase-v17 .clients-cases-head{
    min-height:220px !important;
  }
  .cases-showcase-v17 .client-case-stage,
  .cases-showcase-v17 .client-case-panel{
    min-height:1160px !important;
  }
  .casev17-copy{
    min-height:620px !important;
    grid-template-rows:auto 138px 170px auto auto !important;
  }
}

@media(max-width:680px){
  .cases-showcase-v17 .clients-cases-head{
    min-height:200px !important;
  }
  .cases-showcase-v17 .client-case-stage,
  .cases-showcase-v17 .client-case-panel{
    min-height:1290px !important;
  }
  .casev17-copy{
    min-height:740px !important;
    padding:28px 22px 26px !important;
    grid-template-rows:auto auto auto auto auto !important;
  }
  .casev17-copy h3{
    min-height:0 !important;
    margin:22px 0 22px !important;
    font-size:2rem !important;
  }
  .casev17-story{
    min-height:0 !important;
    padding-top:0 !important;
  }
  .casev17-impact{
    margin-top:24px !important;
  }
  .casev17-cta{
    margin-top:24px !important;
  }
}



/* =========================================================
   BLOCO ORIGINAL: v23-case-compact-fix
   ========================================================= */

/* V23 — modal mais compacto e textos sem sobreposição */
@media (min-width:1101px){
  .cases-showcase-v17 .client-case-stage,
  .cases-showcase-v17 .client-case-panel{
    min-height:640px !important;
    height:640px !important;
  }

  .casev17-copy{
    min-height:640px !important;
    height:640px !important;
    padding:30px 34px 28px !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
  }

  .casev17-topline{
    min-height:84px !important;
    flex:0 0 84px !important;
    align-items:flex-start !important;
  }

  .casev17-copy h3{
    margin:18px 0 18px !important;
    min-height:128px !important;
    max-width:16ch !important;
    font-size:clamp(1.9rem,2.05vw,2.3rem) !important;
    line-height:1.06 !important;
    letter-spacing:-.04em !important;
    display:flex !important;
    align-items:flex-start !important;
  }

  .casev17-story{
    min-height:0 !important;
    padding-top:0 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:30px !important;
    align-items:start !important;
    flex:0 0 auto !important;
  }

  .casev17-story > div{
    min-width:0 !important;
    padding-top:2px !important;
  }

  .casev17-story p{
    margin:10px 0 0 !important;
    font-size:.79rem !important;
    line-height:1.58 !important;
  }

  .casev17-impact{
    margin-top:22px !important;
    flex:0 0 auto !important;
  }

  .casev17-impact > div{
    margin-top:10px !important;
    min-height:0 !important;
    gap:8px !important;
  }

  .casev17-impact span{
    padding:7px 9px !important;
    font-size:.65rem !important;
  }

  .casev17-cta{
    margin-top:20px !important;
    padding-top:0 !important;
    align-self:flex-start !important;
  }

  .casev17-visual{
    min-height:640px !important;
    height:640px !important;
  }

  .casev17-diagram{
    height:430px !important;
    margin-top:8px !important;
  }

  .casev17-metrics{
    margin-top:0 !important;
  }
}

@media (min-width:681px) and (max-width:1100px){
  .cases-showcase-v17 .client-case-stage,
  .cases-showcase-v17 .client-case-panel{
    min-height:1080px !important;
    height:1080px !important;
  }
  .casev17-copy{
    min-height:560px !important;
    height:560px !important;
    padding:32px 34px 28px !important;
    display:flex !important;
    flex-direction:column !important;
  }
  .casev17-copy h3{
    min-height:110px !important;
    margin:18px 0 20px !important;
    font-size:2.15rem !important;
    max-width:16ch !important;
  }
  .casev17-story{
    min-height:0 !important;
    padding-top:0 !important;
    gap:28px !important;
  }
  .casev17-impact{margin-top:22px !important;}
  .casev17-cta{margin-top:20px !important;padding-top:0 !important;}
}

@media (max-width:680px){
  .cases-showcase-v17 .client-case-stage,
  .cases-showcase-v17 .client-case-panel{
    min-height:1200px !important;
    height:1200px !important;
  }
  .casev17-copy{
    min-height:660px !important;
    height:660px !important;
    padding:26px 20px 24px !important;
  }
  .casev17-copy h3{
    margin:18px 0 22px !important;
    min-height:0 !important;
    font-size:1.9rem !important;
    line-height:1.08 !important;
    max-width:16ch !important;
  }
  .casev17-story{gap:20px !important;}
  .casev17-impact{margin-top:22px !important;}
  .casev17-cta{margin-top:20px !important;padding-top:0 !important;}
}



/* =========================================================
   BLOCO ORIGINAL: tela1-ajustes-v1
   ========================================================= */

/* TELA 1 — ajustes solicitados */
.nav-cta{
  border-radius:999px !important;
  padding:10px 20px !important;
}
.hero-card .eyebrow{
  letter-spacing:.11em;
}
.tech-marquee{
  background:#050910 !important;
}
.tech-marquee-group{
  gap:0 !important;
  min-width:max-content;
  padding-right:54px;
}
.tech-marquee-group span{
  padding:0 30px;
  white-space:nowrap;
}
.tech-marquee-group i{
  display:none !important;
}
@media(max-width:720px){
  .nav-cta{border-radius:999px !important;}
  .tech-marquee-group span{padding:0 20px;}
}



/* =========================================================
   BLOCO ORIGINAL: tela2-styles
   ========================================================= */

.tela2-solutions{background:#fff !important;color:#081a34 !important;padding:74px 0 84px !important}
.tela2-head{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:end;margin-bottom:32px}
.tela2-kicker{display:block;color:#1680ff;font-size:.68rem;font-weight:900;letter-spacing:.14em;margin-bottom:9px}
.tela2-head h2{margin:0;font-size:clamp(2.25rem,4vw,4rem);line-height:.98;letter-spacing:-.052em;color:#07152b;max-width:780px}
.tela2-head>p{margin:0 0 4px;color:#66758a;font-size:.94rem;line-height:1.62;max-width:48ch;justify-self:end}
.tela2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tela2-card{background:#fff;border:1px solid #e2e8f1;min-height:500px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 22px rgba(15,39,73,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.tela2-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(15,39,73,.12);border-color:#ced9ea}
.tela2-art{height:190px;position:relative;overflow:hidden;background:linear-gradient(145deg,#061327,#0d2c5f 60%,#321b69)}
.tela2-art>.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(108,174,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(108,174,255,.09) 1px,transparent 1px);background-size:28px 28px;opacity:.65}
.tela2-body{padding:24px 25px 26px;display:flex;flex-direction:column;flex:1}
.tela2-label{font-size:.64rem;font-weight:900;letter-spacing:.12em;color:#7043df;margin-bottom:10px}
.tela2-body h3{font-size:1.48rem;line-height:1.08;letter-spacing:-.025em;margin:0 0 12px;color:#081a34}
.tela2-body p{font-size:.9rem;line-height:1.55;color:#647286;margin:0 0 18px}
.tela2-body ul{list-style:none;margin:auto 0 0;padding:17px 0 0;border-top:1px solid #edf1f6;display:grid;gap:8px}
.tela2-body li{position:relative;padding-left:17px;color:#314560;font-size:.81rem;line-height:1.35;font-weight:600}
.tela2-body li:before{content:'';position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#25cde9,#7448ef);box-shadow:0 0 0 4px rgba(37,205,233,.08)}

/* Cloud */
.art-cloud{background:radial-gradient(circle at 25% 25%,rgba(35,214,244,.24),transparent 25%),linear-gradient(145deg,#061327,#0b3572 65%,#27155f)}
.cloud-shape{position:absolute;border:1px solid rgba(127,222,255,.65);background:rgba(22,107,190,.14);border-radius:999px}
.cloud-shape.c1{width:100px;height:42px;left:50%;top:42%;transform:translate(-50%,-50%)}
.cloud-shape.c2{width:56px;height:56px;left:45%;top:34%;border-radius:50%}
.server{position:absolute;width:60px;height:28px;border:1px solid rgba(255,255,255,.45);border-radius:8px;background:rgba(5,22,52,.55)}
.server.s1{left:18%;bottom:28px}.server.s2{right:18%;bottom:28px}
.packet{position:absolute;width:8px;height:8px;border-radius:50%;background:#43ddff;box-shadow:0 0 12px #43ddff;animation:cloudPacket 3.2s linear infinite}
.packet.p1{left:25%;top:62%}.packet.p2{right:25%;top:62%;animation-delay:1.4s}
@keyframes cloudPacket{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-42px);opacity:1}}

/* AI */
.art-ai{background:radial-gradient(circle at 72% 32%,rgba(140,87,255,.28),transparent 28%),linear-gradient(145deg,#07162d,#123d78 55%,#32196d)}
.ai-node{position:absolute;width:13px;height:13px;border-radius:50%;background:#a580ff;box-shadow:0 0 16px rgba(165,128,255,.65)}
.art-ai .n1{left:30%;top:35%}.art-ai .n2{left:47%;top:25%}.art-ai .n3{left:66%;top:38%}.art-ai .n4{left:39%;top:63%}.art-ai .n5{left:61%;top:67%}
.ai-line{position:absolute;height:2px;background:linear-gradient(90deg,#44d9ff,#916dff);transform-origin:left center;opacity:.9}
.art-ai .l1{left:32%;top:39%;width:62px;transform:rotate(-19deg)}.art-ai .l2{left:49%;top:29%;width:66px;transform:rotate(22deg)}.art-ai .l3{left:31%;top:40%;width:56px;transform:rotate(42deg)}.art-ai .l4{left:42%;top:63%;width:70px;transform:rotate(5deg)}
.ai-pulse{position:absolute;width:8px;height:8px;border-radius:50%;background:#65e8ff;left:31%;top:37%;box-shadow:0 0 12px #65e8ff;animation:aiTravel 4s ease-in-out infinite}
@keyframes aiTravel{0%{left:31%;top:37%}35%{left:48%;top:27%}68%{left:66%;top:39%}100%{left:61%;top:66%}}

/* Data */
.art-data{background:radial-gradient(circle at 28% 23%,rgba(22,188,231,.22),transparent 25%),linear-gradient(145deg,#07162a,#0c3367 60%,#28165a)}
.data-bars{position:absolute;left:18%;right:18%;bottom:24px;height:105px;display:flex;align-items:end;gap:10px}
.data-bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#35dcf6,#166ee4);animation:dataBars 3.8s ease-in-out infinite}
.data-bars i:nth-child(1){height:32%}.data-bars i:nth-child(2){height:56%;animation-delay:.4s}.data-bars i:nth-child(3){height:43%;animation-delay:.8s}.data-bars i:nth-child(4){height:74%;animation-delay:1.2s}.data-bars i:nth-child(5){height:91%;animation-delay:1.6s}
@keyframes dataBars{50%{transform:scaleY(1.08)}}
.data-flow{position:absolute;left:12%;right:12%;top:35px;height:2px;background:linear-gradient(90deg,transparent,#3bdcf4,transparent)}
.data-dot{position:absolute;top:31px;width:10px;height:10px;border-radius:50%;background:#4ce7ff;box-shadow:0 0 14px #4ce7ff;animation:dataDot 4s linear infinite}.data-dot.d1{left:12%}.data-dot.d2{left:12%;animation-delay:2s}
@keyframes dataDot{to{left:84%}}

/* Software */
.art-software{background:radial-gradient(circle at 72% 28%,rgba(120,72,239,.26),transparent 26%),linear-gradient(145deg,#071529,#153365 55%,#4d237f)}
.ui-window{position:absolute;border:1px solid rgba(255,255,255,.55);background:rgba(6,20,48,.45);border-radius:13px}.ui-window.main{left:16%;top:25%;width:48%;height:54%}.ui-window.small{right:12%;bottom:18%;width:30%;height:36%}
.code-line{position:absolute;height:6px;border-radius:999px;background:rgba(112,220,255,.75);left:23%}.code-line.a{top:42%;width:25%}.code-line.b{top:52%;width:33%;opacity:.65}.code-line.c{top:62%;width:18%;opacity:.45}
.cursor-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#a47dff;box-shadow:0 0 14px #a47dff;animation:cursorMove 3.6s ease-in-out infinite}
@keyframes cursorMove{0%,100%{left:58%;top:40%}50%{left:72%;top:65%}}

/* Integration */
.art-integration{background:radial-gradient(circle at 50% 48%,rgba(61,210,255,.18),transparent 24%),linear-gradient(145deg,#061327,#103b78 58%,#341b72)}
.art-integration .hub{position:absolute;left:50%;top:50%;width:54px;height:54px;transform:translate(-50%,-50%);border-radius:16px;background:linear-gradient(135deg,#38d8f7,#7652f0);box-shadow:0 0 0 12px rgba(70,137,255,.06),0 0 28px rgba(54,204,247,.25)}
.endpoint{position:absolute;width:15px;height:15px;border-radius:50%;background:#a47fff;box-shadow:0 0 13px rgba(164,127,255,.7)}
.endpoint.e1{left:20%;top:28%}.endpoint.e2{right:20%;top:28%}.endpoint.e3{left:20%;bottom:25%}.endpoint.e4{right:20%;bottom:25%}
.connector{position:absolute;height:2px;background:linear-gradient(90deg,#43ddff,#8c68ff);transform-origin:left center;opacity:.85}
.connector.c1{left:22%;top:31%;width:31%;transform:rotate(22deg)}.connector.c2{left:51%;top:50%;width:31%;transform:rotate(-22deg)}.connector.c3{left:22%;top:69%;width:31%;transform:rotate(-22deg)}.connector.c4{left:51%;top:50%;width:31%;transform:rotate(22deg)}

/* Support */
.art-support{background:radial-gradient(circle at 50% 50%,rgba(39,201,239,.16),transparent 28%),linear-gradient(145deg,#061327,#12376c 60%,#2e1a65)}
.support-core{position:absolute;left:50%;top:50%;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(135deg,#38d8f7,#7652f0);box-shadow:0 0 24px rgba(56,216,247,.36)}
.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(120,202,255,.36);border-radius:50%;transform:translate(-50%,-50%);animation:orbitPulse 4s ease-in-out infinite}.orbit.o1{width:125px;height:125px}.orbit.o2{width:175px;height:175px;animation-delay:.8s}
.status{position:absolute;width:12px;height:12px;border-radius:50%;background:#5fe5ff;box-shadow:0 0 14px #5fe5ff}.status.st1{left:31%;top:25%}.status.st2{right:28%;top:48%;background:#9e7cff}.status.st3{left:37%;bottom:19%}
@keyframes orbitPulse{50%{transform:translate(-50%,-50%) scale(1.05);opacity:.65}}

@media(max-width:1000px){.tela2-head{grid-template-columns:1fr;gap:14px}.tela2-head>p{justify-self:start}.tela2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.tela2-solutions{padding:54px 0 60px !important}.tela2-grid{grid-template-columns:1fr}.tela2-card{min-height:auto}.tela2-art{height:170px}.tela2-head h2{font-size:2.35rem}}



/* =========================================================
   BLOCO ORIGINAL: tela2-theme-force
   ========================================================= */

section.tela2-solutions#solucoes{background:#ffffff !important;color:#081a34 !important;border:0 !important}
section.tela2-solutions#solucoes .tela2-head h2{color:#07152b !important}
section.tela2-solutions#solucoes .tela2-head>p{color:#66758a !important}
section.tela2-solutions#solucoes .tela2-card{background:#fff !important;color:#081a34 !important;border-color:#e2e8f1 !important}
section.tela2-solutions#solucoes .tela2-body h3{color:#081a34 !important}
section.tela2-solutions#solucoes .tela2-body p{color:#647286 !important}
section.tela2-solutions#solucoes .tela2-body li{color:#314560 !important}



/* =========================================================
   BLOCO ORIGINAL: tela3-tela4-v4
   ========================================================= */

/* ==============================
   TELA 3 — ITWV COMPACTA / PRETA
   ============================== */
.itwv-about-v3{
  padding:54px 0 58px !important;
  background:
    radial-gradient(circle at 18% 72%,rgba(18,128,255,.10),transparent 27%),
    radial-gradient(circle at 86% 16%,rgba(116,72,239,.12),transparent 28%),
    #03060b !important;
}
.itwv3-wrap{
  grid-template-columns:.82fr 1.18fr !important;
  gap:46px !important;
  align-items:center !important;
}
.itwv3-manifesto{
  min-height:340px !important;
  padding:32px 34px !important;
  border-radius:18px;
  border:1px solid rgba(107,167,255,.18) !important;
  background:
    linear-gradient(160deg,rgba(8,19,37,.98),rgba(5,10,18,.98)),
    #07101b !important;
  box-shadow:0 22px 55px rgba(0,0,0,.32) !important;
}
.itwv3-logo-box{
  width:178px !important;
  height:76px !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.itwv3-logo-box img{
  width:165px !important;
  height:56px !important;
  object-fit:contain !important;
  display:block !important;
}
.itwv3-quote{
  margin:34px 0 0 !important;
  max-width:14ch !important;
  font-size:clamp(1.65rem,2.05vw,2.18rem) !important;
}
.itwv3-caption{margin-top:18px !important}
.itwv3-content{padding:2px 0 !important}
.itwv3-kicker{margin-bottom:10px !important}
.itwv3-content h2{
  margin:0 0 16px !important;
  max-width:18ch !important;
  font-size:clamp(2rem,2.8vw,3rem) !important;
  line-height:1.02 !important;
}
.itwv3-lead,.itwv3-copy{
  font-size:.90rem !important;
  line-height:1.58 !important;
  margin-bottom:12px !important;
}
.itwv3-provider-row{
  margin:16px 0 18px !important;
  gap:7px !important;
}
.itwv3-provider-row span{
  padding:6px 9px !important;
  font-size:.66rem !important;
  border-radius:999px;
}
.itwv3-mission{
  margin-top:18px !important;
  padding:15px 18px !important;
  border-radius:0 12px 12px 0;
}
.itwv3-mission p{font-size:.90rem !important;line-height:1.5 !important}

/* ==============================
   TELA 4 — ZADARA / FUNDO BRANCO
   ============================== */
.zadara-v4{
  position:relative;
  overflow:hidden;
  background:#fff !important;
  color:#071a38 !important;
  padding:76px 0 82px;
}
.zadara-v4::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 12%,rgba(30,133,255,.08),transparent 24%),
    radial-gradient(circle at 88% 18%,rgba(116,72,239,.08),transparent 28%),
    linear-gradient(rgba(20,83,170,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(20,83,170,.035) 1px,transparent 1px);
  background-size:auto,auto,46px 46px,46px 46px;
  pointer-events:none;
}
.zadara-v4 .wrap{position:relative;z-index:2}
.zadara-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:48px;
  align-items:end;
  margin-bottom:34px;
}
.zadara-kicker{
  color:#6b3de1;
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.zadara-head h2{
  margin:8px 0 0;
  color:#071a38;
  max-width:16ch;
  font-size:clamp(2.35rem,3.5vw,3.9rem);
  line-height:1.02;
  letter-spacing:-.045em;
}
.zadara-intro{
  margin:0;
  color:#607089;
  font-size:1rem;
  line-height:1.68;
  max-width:58ch;
}
.zadara-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.zadara-card{
  position:relative;
  min-height:330px;
  padding:28px 28px 26px;
  border-radius:20px;
  border:1px solid #dce6f3;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 42px rgba(22,61,117,.09);
  transition:.25s ease;
}
.zadara-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 52px rgba(22,61,117,.14);
}
.zadara-icon{
  width:62px;
  height:62px;
  border-radius:20px;
  display:grid;
  place-items:center;
  margin-bottom:22px;
  position:relative;
  background:linear-gradient(145deg,#eef6ff,#f5efff);
  border:1px solid #dce7f5;
}
.zadara-icon::before{content:"";display:block}
.zadara-card.cloud .zadara-icon::before{
  width:31px;height:18px;border:3px solid #1464c8;border-radius:18px;position:relative;
  box-shadow:inset 0 0 0 2px transparent;
}
.zadara-card.compute .zadara-icon::before{
  width:30px;height:24px;border:3px solid #6037c9;border-radius:5px;box-shadow:0 8px 0 -4px #6037c9;
}
.zadara-card.storage .zadara-icon::before{
  width:30px;height:34px;border:3px solid #0795c4;border-radius:50% / 18%;
}
.zadara-card .tag{
  color:#7a48e8;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.zadara-card h3{
  margin:8px 0 12px;
  color:#071a38;
  font-size:1.55rem;
}
.zadara-card p{
  margin:0;
  color:#607089;
  font-size:.90rem;
  line-height:1.62;
}
.zadara-card strong{color:#0c63c9}
.zadara-capabilities{
  margin-top:20px;
  display:grid;
  grid-template-columns:1.15fr repeat(6,1fr);
  border:1px solid #dce6f3;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 34px rgba(22,61,117,.07);
}
.zadara-cap-title,
.zadara-cap{
  min-height:94px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:12px 10px;
}
.zadara-cap-title{
  align-items:flex-start;
  text-align:left;
  padding-left:22px;
  font-weight:900;
  color:#071a38;
  background:linear-gradient(135deg,#f2f7ff,#fbf9ff);
}
.zadara-cap{border-left:1px solid #e8edf4;color:#33445f;font-size:.72rem;font-weight:750}
.zadara-cap i{
  width:36px;height:36px;border-radius:50%;margin-bottom:8px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,#eaf5ff,#f2ebff);
  color:#175fb8;font-style:normal;font-weight:900;
}
.zadara-visuals{
  margin-top:26px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
}
.zadara-ref{
  position:relative;
  min-height:260px;
  border-radius:20px;
  overflow:hidden;
  border:1px solid #dce6f3;
  background:#0a0e16;
  box-shadow:0 18px 45px rgba(24,52,94,.12);
}
.zadara-ref img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.zadara-ref span{
  position:absolute;left:18px;bottom:16px;
  padding:7px 10px;border-radius:999px;
  background:rgba(4,12,27,.78);color:#fff;
  font-size:.66rem;font-weight:850;letter-spacing:.05em;
  backdrop-filter:blur(8px);
}
.zadara-partner-note{
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  border:1px solid #d8e4f3;
  border-radius:16px;
  background:linear-gradient(90deg,#f6faff,#fff 45%,#fbf8ff);
  color:#32445f;
}
.zadara-partner-note b{color:#071a38}
.zadara-hand{
  flex:0 0 44px;
  width:44px;height:44px;border-radius:14px;
  display:grid;place-items:center;color:#fff;font-weight:900;
  background:linear-gradient(135deg,#0f69d9,#7448ef);
}
@media(max-width:960px){
  .itwv3-wrap,.zadara-head,.zadara-visuals{grid-template-columns:1fr !important}
  .itwv3-manifesto{min-height:300px !important}
  .zadara-service-grid{grid-template-columns:1fr 1fr}
  .zadara-service-grid .zadara-card:last-child{grid-column:1/-1}
  .zadara-capabilities{grid-template-columns:repeat(3,1fr)}
  .zadara-cap-title{grid-column:1/-1;min-height:72px;align-items:center;text-align:center;padding-left:10px}
  .zadara-cap{border-top:1px solid #e8edf4}
}
@media(max-width:620px){
  .itwv-about-v3{padding:46px 0 50px !important}
  .itwv3-manifesto{padding:26px !important;min-height:270px !important}
  .itwv3-quote{font-size:1.75rem !important}
  .zadara-v4{padding:58px 0 64px}
  .zadara-service-grid{grid-template-columns:1fr}
  .zadara-service-grid .zadara-card:last-child{grid-column:auto}
  .zadara-card{min-height:auto}
  .zadara-capabilities{grid-template-columns:1fr 1fr}
  .zadara-cap-title{grid-column:1/-1}
  .zadara-ref{min-height:220px}
}



/* =========================================================
   BLOCO ORIGINAL: zadara-v4-white-fix
   ========================================================= */

section.zadara-v4#zadara{
  background:#ffffff !important;
  color:#071a38 !important;
}
section.zadara-v4#zadara::before{opacity:1 !important}
section.zadara-v4#zadara .zadara-kicker{color:#6b3de1 !important}
section.zadara-v4#zadara .zadara-head h2{color:#071a38 !important}
section.zadara-v4#zadara .zadara-intro{color:#607089 !important}
section.zadara-v4#zadara .zadara-card{background:#ffffff !important;color:#071a38 !important}
section.zadara-v4#zadara .zadara-card h3{color:#071a38 !important}
section.zadara-v4#zadara .zadara-card p{color:#607089 !important}
section.zadara-v4#zadara .zadara-capabilities{background:#ffffff !important}
section.zadara-v4#zadara .zadara-cap-title{color:#071a38 !important}
section.zadara-v4#zadara .zadara-cap{color:#33445f !important}
section.zadara-v4#zadara .zadara-partner-note{background:linear-gradient(90deg,#f6faff,#fff 45%,#fbf8ff) !important;color:#32445f !important}
section.zadara-v4#zadara .zadara-partner-note b{color:#071a38 !important}



/* =========================================================
   BLOCO ORIGINAL: zadara-v5-models
   ========================================================= */

.zadara-v5 .zadara-brandbar{
  display:grid;grid-template-columns:auto 42px auto 1fr;gap:18px;align-items:center;
  padding:18px 22px;margin:0 0 24px;border:1px solid #dce6f3;border-radius:18px;
  background:linear-gradient(90deg,#f7fbff,#ffffff 42%,#fbf8ff);box-shadow:0 14px 34px rgba(22,61,117,.08);
}
.zadara-v5 .zadara-brandchip{display:flex;align-items:center;gap:12px;min-height:60px;padding:10px 14px;border-radius:14px;background:#fff;border:1px solid #e4ebf5;}
.zadara-v5 .zadara-brandchip img{height:38px;width:auto;display:block;object-fit:contain;}
.zadara-v5 .zadara-brandplus{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#0f69d9,#7448ef);color:#fff;font-weight:900;font-size:1.3rem;box-shadow:0 10px 24px rgba(59,84,181,.25);}
.zadara-v5 .zadara-wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.zadara-v5 .zadara-wordmark strong{font-size:1.15rem;letter-spacing:.12em;color:#071a38;}
.zadara-v5 .zadara-wordmark small{font-size:.72rem;font-weight:700;letter-spacing:.08em;color:#657893;text-transform:uppercase;}
.zadara-v5 .zadara-brandtext{color:#5f718a;font-size:.96rem;line-height:1.58;max-width:52ch;}

.zadara-v5 .zadara-model-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:24px;}
.zadara-v5 .zadara-model-card{border:1px solid #dce6f3;border-radius:22px;background:#fff;box-shadow:0 16px 42px rgba(22,61,117,.09);padding:24px;position:relative;overflow:hidden;}
.zadara-v5 .zadara-model-card::before{content:"";position:absolute;inset:auto auto 0 0;width:100%;height:100%;background:radial-gradient(circle at 100% 0,rgba(116,72,239,.08),transparent 34%),radial-gradient(circle at 0 100%,rgba(30,133,255,.08),transparent 28%);pointer-events:none;}
.zadara-v5 .model-head{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#f3f8ff;border:1px solid #d9e7f9;color:#5c42ce;font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;position:relative;z-index:1;}
.zadara-v5 .zadara-model-card h3{margin:14px 0 8px;color:#071a38;font-size:1.9rem;line-height:1.08;position:relative;z-index:1;}
.zadara-v5 .zadara-model-card p{margin:0 0 16px;color:#607089;font-size:.95rem;line-height:1.65;position:relative;z-index:1;}

.zadara-v5 .platform-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;z-index:1;}
.zadara-v5 .platform-mini{min-height:220px;padding:20px 18px;border-radius:18px;background:linear-gradient(180deg,#fcfdff,#f7faff);border:1px solid #e4ebf5;display:flex;flex-direction:column;}
.zadara-v5 .platform-mini strong{font-size:1.12rem;color:#071a38;margin:14px 0 10px;}
.zadara-v5 .platform-mini small{font-size:.83rem;color:#62748d;line-height:1.55;display:block;}
.zadara-v5 .platform-mini ul{margin:14px 0 0;padding-left:16px;color:#234263;font-size:.8rem;line-height:1.5;}
.zadara-v5 .mini-icon{width:54px;height:54px;border-radius:16px;display:block;background:linear-gradient(145deg,#eef6ff,#f5efff);border:1px solid #d9e7f6;position:relative;}
.zadara-v5 .platform-mini.cloud .mini-icon::before{content:"";position:absolute;left:11px;top:18px;width:30px;height:16px;border:3px solid #1464c8;border-radius:18px;background:transparent;}
.zadara-v5 .platform-mini.compute .mini-icon::before{content:"";position:absolute;left:10px;top:12px;width:32px;height:26px;border:3px solid #6a43e0;border-radius:6px;box-shadow:0 10px 0 -5px #6a43e0;}
.zadara-v5 .platform-mini.storage .mini-icon::before{content:"";position:absolute;left:12px;top:9px;width:28px;height:34px;border:3px solid #0795c4;border-radius:50% / 18%;}

.zadara-v5 .service-diagram{position:relative;z-index:1;display:grid;grid-template-columns:110px 1fr 1.15fr;gap:16px;align-items:center;min-height:370px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#081323,#122647 58%,#1a1e53);overflow:hidden;}
.zadara-v5 .service-diagram::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:34px 34px;opacity:.45;pointer-events:none;}
.zadara-v5 .service-rail{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px;}
.zadara-v5 .service-rail span{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;border-radius:12px;background:#d7f21e;color:#18212f;font-size:.84rem;font-weight:900;letter-spacing:.04em;box-shadow:0 10px 20px rgba(0,0,0,.18);}
.zadara-v5 .service-core{position:relative;z-index:1;display:flex;justify-content:center;}
.zadara-v5 .core-cloud{width:180px;height:180px;border-radius:36px;padding:18px;background:radial-gradient(circle at 50% 38%,#7fe7ff 0,#3a9dff 28%,#546af8 65%,#7d4df0 100%);box-shadow:0 0 0 18px rgba(255,255,255,.10),0 0 0 38px rgba(255,255,255,.06),0 24px 48px rgba(0,0,0,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;position:relative;}
.zadara-v5 .core-cloud i{width:62px;height:38px;border:3px solid rgba(255,255,255,.94);border-radius:999px;display:block;position:relative;margin-bottom:12px;}
.zadara-v5 .core-cloud i::after{content:"";position:absolute;left:10px;right:10px;top:12px;height:3px;background:rgba(255,255,255,.94);border-radius:999px;}
.zadara-v5 .core-cloud strong{font-size:1.02rem;letter-spacing:.08em;text-transform:uppercase;}
.zadara-v5 .core-cloud small{margin-top:8px;font-size:.7rem;line-height:1.45;opacity:.95;letter-spacing:.05em;text-transform:uppercase;}
.zadara-v5 .service-panels{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:center;}
.zadara-v5 .service-panel{padding:14px 14px 12px;border-radius:16px;background:rgba(4,12,27,.72);border:1px solid rgba(123,171,255,.22);color:#dfe9ff;min-height:98px;box-shadow:0 14px 26px rgba(0,0,0,.18);}
.zadara-v5 .service-panel.wide{grid-column:1 / -1;}
.zadara-v5 .service-panel em{display:block;font-style:normal;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#d7f21e;margin-bottom:10px;}
.zadara-v5 .service-tags{display:flex;flex-wrap:wrap;gap:8px;}
.zadara-v5 .service-tags span,.zadara-v5 .service-columns span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.10);font-size:.73rem;font-weight:800;color:#ffffff;}
.zadara-v5 .service-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}

.zadara-v5 .zadara-capabilities{margin-top:18px;}
.zadara-v5 .zadara-partner-note{margin-top:18px;}

@media(max-width:1100px){
  .zadara-v5 .zadara-brandbar{grid-template-columns:1fr;gap:12px;}
  .zadara-v5 .zadara-brandplus{display:none;}
  .zadara-v5 .zadara-model-grid{grid-template-columns:1fr;}
  .zadara-v5 .platform-mini-grid{grid-template-columns:1fr 1fr 1fr;}
  .zadara-v5 .service-diagram{grid-template-columns:1fr;}
  .zadara-v5 .service-rail{flex-direction:row;flex-wrap:wrap;}
  .zadara-v5 .service-core{padding:12px 0;}
}
@media(max-width:760px){
  .zadara-v5 .platform-mini-grid{grid-template-columns:1fr;}
  .zadara-v5 .service-panels{grid-template-columns:1fr;}
  .zadara-v5 .service-panel.wide{grid-column:auto;}
  .zadara-v5 .service-columns{grid-template-columns:1fr;}
}



/* =========================================================
   BLOCO ORIGINAL: v6-tela3-tela5-fixes
   ========================================================= */

/* TELA 3: logo branco sobre fundo escuro, mantendo transparência */
.itwv-about-v3 .itwv3-logo-box img{
  filter:brightness(0) invert(1) !important;
  opacity:1 !important;
}

/* TELA 4: novo diagrama de arquitetura elástica */
.zadara-v5 .elastic-map-v6{
  position:relative;
  min-height:390px;
  padding:22px;
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(77,118,255,.14),transparent 32%),
    linear-gradient(135deg,#071321,#0d2443 58%,#201953);
  border:1px solid rgba(132,174,255,.22);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 18px 38px rgba(14,38,78,.15);
}
.zadara-v5 .elastic-map-v6::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background-image:
    linear-gradient(rgba(121,172,255,.08) 1px,transparent 1px),
    linear-gradient(90deg,rgba(121,172,255,.08) 1px,transparent 1px);
  background-size:34px 34px;
}
.zadara-v5 .elastic-map-head{
  position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;
}
.zadara-v5 .elastic-map-head strong{color:#fff;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}
.zadara-v5 .elastic-map-head span{color:#8fa6c7;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}
.zadara-v5 .elastic-map-body{
  position:relative;z-index:2;display:grid;grid-template-columns:150px 1fr 220px;gap:22px;align-items:center;min-height:282px;
}
.zadara-v5 .elastic-sources,.zadara-v5 .elastic-services{display:flex;flex-direction:column;gap:12px;position:relative;z-index:3}
.zadara-v5 .elastic-source{
  display:flex;align-items:center;gap:10px;min-height:58px;padding:12px 14px;border-radius:14px;
  background:rgba(4,15,34,.82);border:1px solid rgba(109,166,255,.22);color:#fff;font-size:.82rem;font-weight:850;
  box-shadow:0 12px 24px rgba(0,0,0,.16);
}
.zadara-v5 .elastic-source i{width:10px;height:10px;border-radius:50%;background:#39d3f2;box-shadow:0 0 0 6px rgba(57,211,242,.10);flex:0 0 auto}
.zadara-v5 .elastic-source:nth-child(2) i{background:#5f85ff}.zadara-v5 .elastic-source:nth-child(3) i{background:#9466ff}
.zadara-v5 .elastic-core-wrap{display:grid;place-items:center;position:relative;min-height:250px;z-index:3}
.zadara-v5 .elastic-core-wrap::before,.zadara-v5 .elastic-core-wrap::after{content:"";position:absolute;border:1px solid rgba(123,170,255,.16);border-radius:38px;inset:24px 18px}.zadara-v5 .elastic-core-wrap::after{inset:48px 42px;border-color:rgba(146,101,255,.16)}
.zadara-v5 .elastic-core{
  position:relative;z-index:2;width:188px;height:188px;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(145deg,#32c9f2 0%,#5280ff 52%,#864cf0 100%);color:#fff;
  box-shadow:0 22px 42px rgba(26,97,220,.30),0 0 0 14px rgba(90,134,255,.08);
}
.zadara-v5 .elastic-core .cloudmark{width:64px;height:38px;border:3px solid #fff;border-radius:24px;position:relative;margin-bottom:14px}
.zadara-v5 .elastic-core .cloudmark::before{content:"";position:absolute;width:28px;height:28px;border:3px solid #fff;border-bottom:0;border-radius:50% 50% 0 0;left:14px;top:-18px;background:transparent}
.zadara-v5 .elastic-core strong{font-size:1.12rem;letter-spacing:.06em}.zadara-v5 .elastic-core small{margin-top:7px;font-size:.68rem;line-height:1.45;letter-spacing:.04em;opacity:.92}
.zadara-v5 .elastic-service{
  min-height:72px;padding:13px 14px;border-radius:14px;background:rgba(5,16,37,.86);border:1px solid rgba(126,171,255,.22);color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.16)
}
.zadara-v5 .elastic-service b{display:block;color:#8ce7ff;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}.zadara-v5 .elastic-service strong{font-size:.84rem;line-height:1.35}.zadara-v5 .elastic-service span{display:block;color:#a9bad3;font-size:.67rem;margin-top:5px;line-height:1.35}
.zadara-v5 .elastic-links{position:absolute;inset:38px 124px 34px 116px;z-index:1;pointer-events:none;width:calc(100% - 240px);height:calc(100% - 72px)}
.zadara-v5 .elastic-links path{fill:none;stroke:url(#elasticGradV6);stroke-width:2;stroke-linecap:round;stroke-dasharray:7 8;opacity:.9;animation:elasticFlowV6 8s linear infinite}
.zadara-v5 .elastic-links path:nth-of-type(2){animation-delay:-2s}.zadara-v5 .elastic-links path:nth-of-type(3){animation-delay:-4s}.zadara-v5 .elastic-links path:nth-of-type(4){animation-delay:-1s}.zadara-v5 .elastic-links path:nth-of-type(5){animation-delay:-3s}.zadara-v5 .elastic-links path:nth-of-type(6){animation-delay:-5s}
@keyframes elasticFlowV6{to{stroke-dashoffset:-120}}
.zadara-v5 .elastic-footer{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.zadara-v5 .elastic-footer span{padding:9px 10px;border-radius:10px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);color:#c8d7ee;text-align:center;font-size:.65rem;font-weight:750}

/* TELA 5: novos clientes sem depender de arquivos externos */
.cases-showcase-v17 .client-case-tabs{grid-template-columns:repeat(7,minmax(0,1fr)) !important}
.cases-showcase-v17 .client-case-tab.client-acronym-tab{gap:10px}
.cases-showcase-v17 .client-case-logo.client-acronym-logo{display:grid;place-items:center;background:linear-gradient(145deg,#eef5ff,#f7f2ff) !important;color:#113d83;font-weight:950;letter-spacing:-.04em;font-size:1rem;border:1px solid #d7e4f5 !important;text-align:center;line-height:1.0;padding:4px !important}
.cases-showcase-v17 .client-case-logo.client-acronym-logo.igepps{font-size:.70rem;letter-spacing:-.02em}
@media(max-width:1200px){.cases-showcase-v17 .client-case-tabs{grid-template-columns:repeat(4,minmax(0,1fr)) !important}}
@media(max-width:760px){
 .zadara-v5 .elastic-map-body{grid-template-columns:1fr;gap:14px}.zadara-v5 .elastic-sources,.zadara-v5 .elastic-services{display:grid;grid-template-columns:1fr 1fr 1fr}.zadara-v5 .elastic-links{display:none}.zadara-v5 .elastic-core-wrap{min-height:220px}.zadara-v5 .elastic-footer{grid-template-columns:1fr 1fr}.cases-showcase-v17 .client-case-tabs{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

.cases-showcase-v17 .casev17-brand-acronym{display:grid!important;place-items:center!important;background:linear-gradient(145deg,#0f66cc,#7448ef)!important;color:#fff!important;font-weight:950!important;font-size:1.05rem!important;letter-spacing:.03em!important;border:0!important;box-shadow:0 12px 28px rgba(34,91,194,.28)!important;}



/* =========================================================
   BLOCO ORIGINAL: v8-zadara-clients-fix
   ========================================================= */

/* ZADARA - mais compacto e legível */
.zadara-v5 .zadara-model-grid{grid-template-columns:1fr !important;}
.zadara-v5 .zadara-model-card{padding:22px !important;}
.zadara-v5 .zadara-model-card h3{font-size:1.55rem !important;margin:10px 0 6px !important;}
.zadara-v5 .zadara-model-card>p{font-size:.84rem !important;line-height:1.5 !important;max-width:76ch;}
.zadara-v5 .elastic-map-v6{min-height:330px !important;padding:18px !important;border-radius:18px !important;}
.zadara-v5 .elastic-map-head{margin-bottom:10px !important;}
.zadara-v5 .elastic-map-head strong{font-size:.68rem !important;letter-spacing:.12em !important;}
.zadara-v5 .elastic-map-head span{font-size:.56rem !important;}
.zadara-v5 .elastic-map-body{grid-template-columns:138px 1fr 190px !important;gap:16px !important;min-height:230px !important;}
.zadara-v5 .elastic-source{min-height:48px !important;padding:9px 11px !important;font-size:.72rem !important;border-radius:12px !important;}
.zadara-v5 .elastic-source i{width:8px !important;height:8px !important;}
.zadara-v5 .elastic-core-wrap{min-height:210px !important;}
.zadara-v5 .elastic-core-wrap::before{inset:26px 24px !important;border-radius:28px !important;}
.zadara-v5 .elastic-core-wrap::after{inset:48px 46px !important;border-radius:24px !important;}
.zadara-v5 .elastic-core{width:154px !important;height:154px !important;border-radius:30px !important;background:linear-gradient(145deg,#25bce8 0%,#4b7cf3 54%,#774dea 100%) !important;}
.zadara-v5 .elastic-core .cloudmark{display:none !important;}
.zadara-v5 .elastic-core .zadara-core-brand{font-size:1.28rem !important;letter-spacing:.14em !important;line-height:1 !important;}
.zadara-v5 .elastic-core small{font-size:.56rem !important;letter-spacing:.18em !important;margin-top:10px !important;}
.zadara-v5 .elastic-service{min-height:58px !important;padding:10px 11px !important;border-radius:12px !important;overflow:hidden;}
.zadara-v5 .elastic-service b{font-size:.55rem !important;margin-bottom:4px !important;}
.zadara-v5 .elastic-service strong{font-size:.72rem !important;line-height:1.22 !important;display:block;}
.zadara-v5 .elastic-service span{font-size:.56rem !important;line-height:1.25 !important;margin-top:4px !important;}
.zadara-v5 .elastic-links{inset:30px 104px 30px 100px !important;width:calc(100% - 204px) !important;height:calc(100% - 60px) !important;}
.zadara-v5 .elastic-footer{gap:7px !important;margin-top:8px !important;}
.zadara-v5 .elastic-footer span{padding:7px 8px !important;font-size:.56rem !important;}

/* TELA 5 - fiel à referência: branco + logos + cards */
.clients-v8{background:#fff;padding:72px 0 58px;color:#111827;}
.clients-v8-head,.cases-v8-head{text-align:center;max-width:760px;margin:0 auto 34px;}
.clients-v8-head>span,.cases-v8-head>span{display:block;color:#6d48e8;font-size:.65rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px;}
.clients-v8-head h2,.cases-v8-head h2{margin:0;color:#171717;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.02;letter-spacing:-.045em;}
.clients-v8-head p,.cases-v8-head p{margin:10px auto 0;color:#6c7280;font-size:.87rem;line-height:1.55;max-width:62ch;}
.clients-v8-logos{display:grid;grid-template-columns:repeat(7,1fr);gap:16px;align-items:center;max-width:1220px;margin:0 auto;}
.client-v8{height:122px;display:flex;align-items:center;justify-content:center;padding:14px;background:#fff;border:1px solid transparent;border-radius:14px;overflow:hidden;transition:.22s ease;}
.client-v8:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(34,60,110,.09);border-color:#e5eaf2;}
.client-v8 img{width:100%;height:100%;object-fit:contain;max-width:150px;}
.client-v8.highlight{background:#f5f7fb;}
.client-v8.acronym{flex-direction:column;border:1px solid #e5eaf2;background:linear-gradient(145deg,#f8fbff,#fbf8ff);}
.client-v8.acronym strong{font-size:1.38rem;color:#123f83;letter-spacing:-.04em;}
.client-v8.acronym small{font-size:.57rem;color:#7b8798;margin-top:4px;text-align:center;}

.cases-v8{background:#f4f4f6;padding:62px 0 78px;color:#171717;}
.cases-v8-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1280px;margin:0 auto;}
.case-v8{min-height:460px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;padding:0;box-shadow:0 16px 34px rgba(34,48,82,.08);}
.case-v8-copy{padding:28px 28px 18px;min-height:240px;}
.case-v8-copy small{font-size:.61rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;opacity:.82;}
.case-v8-copy h3{margin:12px 0 12px;font-size:clamp(1.55rem,2.1vw,2.15rem);line-height:.98;letter-spacing:-.04em;max-width:10ch;}
.case-v8-copy p{margin:0;font-size:.78rem;line-height:1.55;max-width:28ch;opacity:.86;}
.case-v8-art{margin:0 18px 18px;height:185px;border-radius:16px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);}
.case-v8.navy{background:#102d62;color:#fff}.case-v8.purple{background:linear-gradient(145deg,#743de5,#492097);color:#fff}.case-v8.blue{background:linear-gradient(145deg,#1782df,#0a4f9b);color:#fff}.case-v8.light{background:#fff;color:#161616;border:1px solid #e7e9ee}.case-v8.light .case-v8-art{background:#f2f6fc;border-color:#e3e9f2}
.data-art i{position:absolute;left:18px;right:18px;height:5px;border-radius:999px;background:#7fc8ff;opacity:.65}.data-art i:nth-child(1){top:58px}.data-art i:nth-child(2){top:80px;width:58%}.data-art i:nth-child(3){top:102px;width:78%}.data-art i:nth-child(4){top:124px;width:66%}.data-art b{position:absolute;width:74px;height:74px;border-radius:50%;right:28px;top:58px;background:linear-gradient(145deg,#43d4ef,#7a4ff0);box-shadow:0 0 30px rgba(92,211,255,.35)}
.software-art span{position:absolute;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.software-art span:nth-child(1){width:62%;height:62px;left:18px;top:36px}.software-art span:nth-child(2){width:50%;height:72px;left:38px;top:88px}.software-art span:nth-child(3){width:88px;height:88px;right:28px;top:54px;background:linear-gradient(145deg,#42c9ef,#6d54ec)}
.ai-art i{position:absolute;width:9px;height:9px;border-radius:50%;background:#6ae6f3;box-shadow:0 0 12px currentColor}.ai-art i:nth-child(1){left:26px;top:42px}.ai-art i:nth-child(2){left:84px;top:75px;background:#9968f4}.ai-art i:nth-child(3){right:74px;top:38px}.ai-art i:nth-child(4){right:26px;top:84px;background:#9a66f2}.ai-art i:nth-child(5){left:112px;bottom:34px}.ai-art b{position:absolute;height:1px;background:#9cc8ff;transform-origin:left center}.ai-art b:nth-of-type(1){left:31px;top:46px;width:175px;transform:rotate(17deg)}.ai-art b:nth-of-type(2){left:38px;top:122px;width:170px;transform:rotate(-18deg)}
.cloud-art i{position:absolute;width:94px;height:94px;border-radius:50%;left:50%;top:42px;transform:translateX(-50%);background:linear-gradient(145deg,#2ccbf1,#6750e9);box-shadow:0 0 0 18px #e3ebfb,0 0 0 34px #eef3fc}.cloud-art b{position:absolute;left:38px;right:38px;height:12px;border-radius:999px;bottom:26px;background:#dfe8f7}.cloud-art span{position:absolute;width:46px;height:10px;border-radius:999px;left:50%;bottom:27px;transform:translateX(-50%);background:#6a54e9}
@media(max-width:1100px){.clients-v8-logos{grid-template-columns:repeat(4,1fr)}.cases-v8-grid{grid-template-columns:1fr 1fr}.zadara-v5 .elastic-map-body{grid-template-columns:125px 1fr 170px !important}}
@media(max-width:720px){.clients-v8{padding:54px 0 42px}.clients-v8-logos{grid-template-columns:repeat(2,1fr);gap:10px}.client-v8{height:96px}.cases-v8{padding:48px 0 56px}.cases-v8-grid{grid-template-columns:1fr}.case-v8{min-height:410px}.zadara-v5 .elastic-map-body{grid-template-columns:1fr !important}.zadara-v5 .elastic-sources,.zadara-v5 .elastic-services{display:grid !important;grid-template-columns:1fr 1fr 1fr !important}.zadara-v5 .elastic-links{display:none !important}}



/* =========================================================
   BLOCO ORIGINAL: v9-client-white-fix
   ========================================================= */

section#clientes.clients-v8{background:#ffffff !important;color:#111827 !important;}
section#cases.cases-v8{background:#f4f4f6 !important;color:#171717 !important;}
section#clientes.clients-v8::before,section#clientes.clients-v8::after,section#cases.cases-v8::before,section#cases.cases-v8::after{display:none !important;}



/* =========================================================
   BLOCO ORIGINAL: v10-client-model-layout-fix
   ========================================================= */

/* ==============================
   TELA 4 — MODELOS 01 + 02 LADO A LADO
   ============================== */
.zadara-v5 .zadara-model-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
.zadara-v5 .zadara-model-card{
  min-width:0 !important;
  padding:18px !important;
  border-radius:18px !important;
}
.zadara-v5 .model-head{
  padding:6px 9px !important;
  font-size:.58rem !important;
}
.zadara-v5 .zadara-model-card h3{
  margin:10px 0 6px !important;
  font-size:1.25rem !important;
  line-height:1.08 !important;
}
.zadara-v5 .zadara-model-card>p{
  margin-bottom:12px !important;
  font-size:.72rem !important;
  line-height:1.45 !important;
}

/* Modelo 01 compacto */
.zadara-v5 .platform-mini-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
}
.zadara-v5 .platform-mini{
  min-width:0 !important;
  min-height:168px !important;
  padding:12px 10px !important;
  border-radius:14px !important;
}
.zadara-v5 .mini-icon{
  width:40px !important;
  height:40px !important;
  border-radius:12px !important;
}
.zadara-v5 .platform-mini.cloud .mini-icon::before{left:7px !important;top:13px !important;width:23px !important;height:12px !important;border-width:2px !important}
.zadara-v5 .platform-mini.compute .mini-icon::before{left:7px !important;top:9px !important;width:24px !important;height:20px !important;border-width:2px !important}
.zadara-v5 .platform-mini.storage .mini-icon::before{left:9px !important;top:7px !important;width:20px !important;height:25px !important;border-width:2px !important}
.zadara-v5 .platform-mini strong{
  margin:9px 0 6px !important;
  font-size:.86rem !important;
}
.zadara-v5 .platform-mini small{
  font-size:.62rem !important;
  line-height:1.4 !important;
}
.zadara-v5 .platform-mini ul{
  margin:8px 0 0 !important;
  padding-left:12px !important;
  font-size:.58rem !important;
  line-height:1.4 !important;
}

/* Modelo 02 compacto */
.zadara-v5 .elastic-map-v6{
  min-height:270px !important;
  padding:13px !important;
  border-radius:16px !important;
}
.zadara-v5 .elastic-map-head{
  margin-bottom:8px !important;
}
.zadara-v5 .elastic-map-head strong{font-size:.58rem !important}
.zadara-v5 .elastic-map-head span{font-size:.48rem !important}
.zadara-v5 .elastic-map-body{
  grid-template-columns:92px minmax(112px,1fr) 132px !important;
  gap:9px !important;
  min-height:185px !important;
}
.zadara-v5 .elastic-sources,.zadara-v5 .elastic-services{gap:8px !important}
.zadara-v5 .elastic-source{
  min-height:40px !important;
  padding:7px 8px !important;
  font-size:.61rem !important;
  border-radius:10px !important;
}
.zadara-v5 .elastic-source i{width:7px !important;height:7px !important}
.zadara-v5 .elastic-core-wrap{min-height:178px !important}
.zadara-v5 .elastic-core-wrap::before{inset:26px 12px !important;border-radius:24px !important}
.zadara-v5 .elastic-core-wrap::after{inset:43px 28px !important;border-radius:20px !important}
.zadara-v5 .elastic-core{
  width:122px !important;
  height:122px !important;
  border-radius:26px !important;
}
.zadara-v5 .elastic-core .zadara-core-brand{
  font-size:.98rem !important;
  letter-spacing:.12em !important;
}
.zadara-v5 .elastic-core small{
  font-size:.46rem !important;
  margin-top:6px !important;
}
.zadara-v5 .elastic-service{
  min-height:47px !important;
  padding:8px 9px !important;
  border-radius:10px !important;
}
.zadara-v5 .elastic-service b{font-size:.46rem !important;margin-bottom:3px !important}
.zadara-v5 .elastic-service strong{font-size:.58rem !important;line-height:1.18 !important}
.zadara-v5 .elastic-service span{font-size:.46rem !important;line-height:1.18 !important;margin-top:3px !important}
.zadara-v5 .elastic-links{
  inset:26px 70px 24px 66px !important;
  width:calc(100% - 136px) !important;
  height:calc(100% - 50px) !important;
}
.zadara-v5 .elastic-footer{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:5px !important;
  margin-top:7px !important;
}
.zadara-v5 .elastic-footer span{
  padding:6px 5px !important;
  font-size:.46rem !important;
  line-height:1.2 !important;
}

/* ==============================
   TELA 5 — CLIENTES EM PRETO
   ============================== */
section#clientes.clients-v8{
  position:relative;
  background:
    radial-gradient(circle at 18% 28%,rgba(23,122,231,.12),transparent 27%),
    radial-gradient(circle at 82% 74%,rgba(116,72,239,.13),transparent 30%),
    #03070d !important;
  color:#fff !important;
  padding:68px 0 64px !important;
  overflow:hidden;
}
section#clientes.clients-v8::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(rgba(104,151,218,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(104,151,218,.045) 1px,transparent 1px) !important;
  background-size:48px 48px !important;
  pointer-events:none !important;
}
section#clientes.clients-v8 .wrap{position:relative;z-index:1}
section#clientes.clients-v8 .clients-v8-head>span{color:#8d68ff !important}
section#clientes.clients-v8 .clients-v8-head h2{color:#fff !important}
section#clientes.clients-v8 .clients-v8-head p{color:#aebbd0 !important}

.clients-v8-logos{
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
  max-width:1320px !important;
}
.client-v8{
  width:100% !important;
  height:auto !important;
  aspect-ratio:1/1 !important;
  padding:0 !important;
  border:1px solid rgba(150,186,239,.16) !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 14px 34px rgba(0,0,0,.22) !important;
  overflow:hidden !important;
}
.client-v8:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(115,91,242,.5) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.30),0 0 0 1px rgba(91,118,255,.12) !important;
}
.client-v8 img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:contain !important;
  padding:0 !important;
  display:block !important;
  transform:scale(1.14);
}
/* marcas com mais margem interna no arquivo recebem escala maior */
.client-v8:nth-child(1) img{transform:scale(1.12)}
.client-v8:nth-child(3) img{transform:scale(1.18)}
.client-v8:nth-child(5) img{transform:scale(1.15)}
/* logos que já possuem fundo próprio ocupam o tile inteiro */
.client-v8:nth-child(2) img,.client-v8:nth-child(4) img{object-fit:cover !important;transform:none !important}
.client-v8.acronym{
  background:linear-gradient(145deg,#07162d,#112a55) !important;
  border-color:rgba(91,131,201,.34) !important;
  color:#fff !important;
}
.client-v8.acronym strong{font-size:1.55rem !important;color:#fff !important}
.client-v8.acronym small{font-size:.62rem !important;color:#9fb2cf !important;margin-top:6px !important}
.client-v8.client-v8-logo{background:#fff !important}
.client-v8.almt-logo img,.client-v8.igepps-logo img{object-fit:contain !important;transform:scale(1.36) !important;}
.client-v8.igepps-logo img{transform:scale(1.42) !important;}

@media(max-width:1180px){
  .zadara-v5 .zadara-model-grid{grid-template-columns:1fr !important}
  .clients-v8-logos{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:720px){
  .zadara-v5 .platform-mini-grid{grid-template-columns:1fr !important}
  .zadara-v5 .elastic-map-body{grid-template-columns:1fr !important}
  .zadara-v5 .elastic-sources,.zadara-v5 .elastic-services{grid-template-columns:1fr 1fr 1fr !important}
  .zadara-v5 .elastic-links{display:none !important}
  .clients-v8-logos{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
}



/* =========================================================
   BLOCO ORIGINAL: v12-cases-contact-fixes
   ========================================================= */

/* ==============================
   TELA 5 — CASES COM FUNDO PRETO
   ============================== */
section#cases.cases-v8{
  background:#03070d !important;
  color:#ffffff !important;
  padding:68px 0 84px !important;
}
section#cases .cases-v8-head>span{color:#7b50ee !important;}
section#cases .cases-v8-head h2{color:#ffffff !important;}
section#cases .cases-v8-head p{color:#9eabc0 !important;}
section#cases .case-v8.light{
  background:#f8f9fb !important;
  color:#101826 !important;
  border-color:#dce4ef !important;
}

/* ==============================
   TELA 6 — CONTATO CLARO
   ============================== */
section#contato.contact-dark-final{
  position:relative;
  padding:78px 0 82px !important;
  color:#0a2a63 !important;
  background:#ffffff !important;
  border-top:0 !important;
}
section#contato.contact-dark-final::before{
  display:none !important;
}
section#contato .contact-dark-grid{
  grid-template-columns:.88fr 1.12fr !important;
  gap:66px !important;
  align-items:center !important;
  max-width:1320px;
  margin:0 auto;
}
section#contato .contact-dark-copy{
  padding-top:0 !important;
}
section#contato .contact-dark-kicker{
  color:#7047e8 !important;
  font-size:.73rem !important;
  margin-bottom:16px !important;
}
section#contato .contact-dark-kicker i{
  background:#7047e8 !important;
  width:30px !important;
}
section#contato .contact-dark-copy h2{
  color:#0a2a63 !important;
  max-width:14ch !important;
  font-size:clamp(2.1rem,3.1vw,3.25rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.045em !important;
}
section#contato .contact-dark-copy>p{
  color:#66748a !important;
  margin-top:24px !important;
  max-width:46ch !important;
  font-size:.95rem !important;
  line-height:1.65 !important;
}
section#contato .contact-dark-links{
  margin-top:28px !important;
  max-width:430px !important;
  gap:8px !important;
}
section#contato .contact-dark-links a,
section#contato .contact-dark-links a:first-child{
  min-height:auto !important;
  padding:4px 0 !important;
  color:#607089 !important;
  border:0 !important;
  font-size:.86rem !important;
}
section#contato .contact-dark-links a::after{display:none !important;}
section#contato .contact-dark-links a:hover{
  color:#0a2a63 !important;
  padding-left:0 !important;
}

section#contato .contact-dark-form{
  display:block !important;
  padding:34px 36px 32px !important;
  color:#ffffff !important;
  background:#21439b !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:0 22px 52px rgba(32,61,132,.14) !important;
}
section#contato .contact-dark-fields{
  gap:18px 20px !important;
}
section#contato .contact-dark-form label{
  color:#ffffff !important;
  font-size:.78rem !important;
  font-weight:850 !important;
}
section#contato .contact-dark-form input,
section#contato .contact-dark-form select,
section#contato .contact-dark-form textarea{
  margin-top:7px !important;
  background:#ffffff !important;
  color:#17243c !important;
  border:1px solid rgba(0,0,0,.10) !important;
  border-radius:2px !important;
  padding:13px 14px !important;
  box-shadow:none !important;
}
section#contato .contact-dark-form input::placeholder,
section#contato .contact-dark-form textarea::placeholder{
  color:#737b88 !important;
}
section#contato .contact-dark-form input:focus,
section#contato .contact-dark-form select:focus,
section#contato .contact-dark-form textarea:focus{
  background:#ffffff !important;
  color:#17243c !important;
  border-color:#7547e8 !important;
  box-shadow:0 0 0 3px rgba(117,71,232,.13) !important;
}
section#contato .contact-dark-form select option{
  background:#ffffff !important;
  color:#17243c !important;
}
section#contato .contact-dark-form textarea{
  min-height:140px !important;
}
section#contato .contact-dark-footer{
  margin-top:20px !important;
}
section#contato .contact-dark-footer small{
  color:#e4eaf7 !important;
  font-size:.69rem !important;
}
section#contato .contact-dark-footer button{
  border-radius:7px !important;
  padding:13px 24px !important;
  background:#733be0 !important;
  color:#fff !important;
  box-shadow:none !important;
}

@media(max-width:980px){
  section#contato .contact-dark-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  section#contato .contact-dark-copy h2{max-width:18ch !important;}
}
@media(max-width:620px){
  section#contato.contact-dark-final{padding:58px 0 62px !important;}
  section#contato .contact-dark-form{padding:26px 22px !important;}
  section#contato .contact-dark-fields{grid-template-columns:1fr !important;}
  section#contato .contact-full{grid-column:auto !important;}
  section#contato .contact-dark-footer{align-items:flex-start !important;flex-direction:column !important;}
}



/* =========================================================
   BLOCO ORIGINAL: v13-text-scale-test
   ========================================================= */

/* ==========================================================
   V13 — TESTE DE ESCALA TIPOGRÁFICA
   Redução visual aproximada de 40% nos textos principais,
   com compactação proporcional de espaços e alturas.
   ========================================================== */

/* HEADER — reduz levemente para manter boa leitura */
.ms-nav{min-height:58px !important;}
.nav-links{gap:24px !important;}
.nav-links a{font-size:.72rem !important;}
.nav-actions{gap:16px !important;font-size:.68rem !important;}
.nav-cta{padding:9px 15px !important;border-radius:999px !important;font-size:.68rem !important;}

/* TELA 1 — HERO */
.hero,.hero-in{min-height:500px !important;}
.hero-in{gap:38px !important;}
.hero-card{width:min(500px,100%) !important;padding:30px 34px !important;}
.hero .eyebrow{font-size:.56rem !important;margin-bottom:9px !important;}
.hero h1{font-size:clamp(1.55rem,2.55vw,2.45rem) !important;line-height:1.04 !important;margin-bottom:13px !important;max-width:15ch !important;}
.hero p{font-size:.72rem !important;line-height:1.55 !important;margin-bottom:18px !important;max-width:58ch !important;}
.hero .primary,.hero .secondary{font-size:.68rem !important;}
.hero .primary{padding:9px 15px !important;}
.hero .secondary{padding:8px 2px !important;}
.hero .secondary b{font-size:1rem !important;}
.visual-stack{height:370px !important;}
.glass.one{padding:19px !important;}
.glass.two{padding:17px !important;}
.glass.three{padding:15px !important;}
.glass h3{font-size:.78rem !important;margin-bottom:6px !important;}
.glass p{font-size:.58rem !important;line-height:1.45 !important;}
.glass .eyebrow{font-size:.5rem !important;}
.flow{margin-top:13px !important;gap:7px !important;}
.flow span{font-size:.54rem !important;gap:7px !important;}
.flow i{width:6px !important;height:6px !important;box-shadow:0 0 0 4px rgba(57,217,255,.12) !important;}
.ai-copy strong{font-size:.92rem !important;}
.ai-copy p{font-size:.55rem !important;}
.mini-bars{height:58px !important;margin-top:12px !important;}
.tech-marquee{min-height:34px !important;}
.tech-marquee span{font-size:.56rem !important;}
.quick-item{min-height:64px !important;}
.quick-item strong{font-size:.68rem !important;}
.quick-icon{font-size:.72rem !important;}

/* TELA 2 — SOLUÇÕES */
.tela2-solutions{padding:52px 0 60px !important;}
.tela2-head{margin-bottom:24px !important;gap:28px !important;}
.tela2-kicker{font-size:.52rem !important;}
.tela2-head h2{font-size:clamp(1.45rem,2.25vw,2.35rem) !important;line-height:1.02 !important;max-width:760px !important;}
.tela2-head>p{font-size:.68rem !important;line-height:1.55 !important;max-width:50ch !important;}
.tela2-grid{gap:14px !important;}
.tela2-card{min-height:392px !important;}
.tela2-art{height:145px !important;}
.tela2-body{padding:18px 19px 20px !important;}
.tela2-label{font-size:.52rem !important;margin-bottom:7px !important;}
.tela2-body h3{font-size:.92rem !important;line-height:1.12 !important;margin-bottom:8px !important;}
.tela2-body p{font-size:.62rem !important;line-height:1.5 !important;margin-bottom:12px !important;}
.tela2-body ul{gap:5px !important;}
.tela2-body li{font-size:.58rem !important;line-height:1.4 !important;padding-left:13px !important;}
.tela2-body li:before{width:4px !important;height:4px !important;box-shadow:0 0 0 3px rgba(37,205,233,.08) !important;}

/* TELA 3 — ITWV */
.itwv-about-v3{padding:40px 0 44px !important;}
.itwv3-wrap{gap:34px !important;}
.itwv3-manifesto{min-height:270px !important;padding:25px 27px !important;}
.itwv3-logo-box{width:154px !important;height:60px !important;}
.itwv3-logo-box img{width:145px !important;height:50px !important;}
.itwv3-quote{font-size:clamp(1rem,1.35vw,1.32rem) !important;margin-top:22px !important;max-width:19ch !important;line-height:1.14 !important;}
.itwv3-caption{font-size:.52rem !important;margin-top:12px !important;}
.itwv3-kicker{font-size:.52rem !important;margin-bottom:7px !important;}
.itwv3-content h2{font-size:clamp(1.3rem,1.75vw,1.8rem) !important;line-height:1.04 !important;margin-bottom:11px !important;max-width:24ch !important;}
.itwv3-lead,.itwv3-copy{font-size:.62rem !important;line-height:1.55 !important;margin-bottom:9px !important;}
.itwv3-provider-row{margin:11px 0 13px !important;gap:5px !important;}
.itwv3-provider-row span{font-size:.5rem !important;padding:5px 7px !important;}
.itwv3-mission{margin-top:12px !important;padding:11px 13px !important;}
.itwv3-mission small{font-size:.5rem !important;}
.itwv3-mission p{font-size:.61rem !important;line-height:1.5 !important;}

/* TELA 4 — ZADARA */
.zadara-v4{padding:54px 0 60px !important;}
.zadara-head{gap:34px !important;margin-bottom:24px !important;}
.zadara-kicker{font-size:.52rem !important;}
.zadara-head h2{font-size:clamp(1.45rem,2.2vw,2.35rem) !important;line-height:1.03 !important;max-width:21ch !important;}
.zadara-intro{font-size:.66rem !important;line-height:1.58 !important;}
.zadara-card{min-height:238px !important;padding:20px !important;border-radius:17px !important;}
.zadara-icon{width:48px !important;height:48px !important;margin-bottom:14px !important;}
.zadara-card .tag{font-size:.48rem !important;}
.zadara-card h3{font-size:.95rem !important;margin:6px 0 8px !important;}
.zadara-card p{font-size:.60rem !important;line-height:1.52 !important;}
.zadara-brandtext{font-size:.64rem !important;line-height:1.5 !important;}
.zadara-wordmark strong{font-size:.82rem !important;}
.zadara-wordmark small{font-size:.48rem !important;}
.zadara-model-grid{gap:12px !important;margin-top:18px !important;}
.zadara-model-card{padding:15px !important;}
.zadara-v5 .model-head{font-size:.48rem !important;padding:5px 8px !important;}
.zadara-v5 .zadara-model-card h3{font-size:.82rem !important;margin:8px 0 5px !important;}
.zadara-v5 .zadara-model-card>p{font-size:.54rem !important;line-height:1.45 !important;margin-bottom:9px !important;}
.zadara-v5 .platform-mini{min-height:136px !important;padding:9px !important;}
.zadara-v5 .platform-mini strong{font-size:.64rem !important;margin:6px 0 4px !important;}
.zadara-v5 .platform-mini small{font-size:.49rem !important;line-height:1.36 !important;}
.zadara-v5 .platform-mini ul{font-size:.47rem !important;line-height:1.35 !important;margin-top:6px !important;}
.zadara-v5 .elastic-map-v6{min-height:232px !important;}
.zadara-v5 .elastic-source{font-size:.52rem !important;min-height:34px !important;}
.zadara-v5 .elastic-core{width:102px !important;height:102px !important;}
.zadara-v5 .elastic-core .zadara-core-brand{font-size:.72rem !important;}
.zadara-v5 .elastic-core small{font-size:.42rem !important;}
.zadara-v5 .elastic-service b{font-size:.42rem !important;}
.zadara-v5 .elastic-service strong{font-size:.51rem !important;}
.zadara-v5 .elastic-service span{font-size:.42rem !important;}
.zadara-v5 .elastic-footer span{font-size:.42rem !important;padding:5px 4px !important;}
.zadara-cap-title strong{font-size:.72rem !important;}
.zadara-cap-title small,.zadara-cap{font-size:.52rem !important;}
.zadara-partner-note{font-size:.62rem !important;padding:13px 16px !important;}

/* TELA 5 — CLIENTES */
section#clientes.clients-v8{padding:48px 0 46px !important;}
.clients-v8-head,.cases-v8-head{margin-bottom:24px !important;max-width:700px !important;}
.clients-v8-head>span,.cases-v8-head>span{font-size:.50rem !important;margin-bottom:6px !important;}
.clients-v8-head h2,.cases-v8-head h2{font-size:clamp(1.3rem,1.95vw,1.9rem) !important;line-height:1.04 !important;}
.clients-v8-head p,.cases-v8-head p{font-size:.58rem !important;line-height:1.5 !important;margin-top:7px !important;}
.client-v8.acronym strong{font-size:.95rem !important;}
.client-v8.acronym small{font-size:.46rem !important;}

/* CASES */
section#cases.cases-v8{padding:50px 0 58px !important;}
.cases-v8-grid{gap:14px !important;}
.case-v8{min-height:348px !important;border-radius:16px !important;}
.case-v8-copy{padding:20px 20px 13px !important;min-height:174px !important;}
.case-v8-copy small{font-size:.48rem !important;}
.case-v8-copy h3{font-size:clamp(.95rem,1.3vw,1.3rem) !important;line-height:1.04 !important;margin:8px 0 8px !important;max-width:14ch !important;}
.case-v8-copy p{font-size:.55rem !important;line-height:1.48 !important;max-width:34ch !important;}
.case-v8-art{height:142px !important;margin:0 13px 13px !important;border-radius:13px !important;}

/* TELA 6 — CONTATO */
section#contato.contact-dark-final{padding:54px 0 58px !important;}
section#contato .contact-dark-grid{gap:46px !important;max-width:1240px !important;}
section#contato .contact-dark-kicker{font-size:.52rem !important;margin-bottom:11px !important;}
section#contato .contact-dark-kicker i{width:22px !important;}
section#contato .contact-dark-copy h2{font-size:clamp(1.35rem,1.9vw,1.95rem) !important;line-height:1.04 !important;max-width:18ch !important;}
section#contato .contact-dark-copy>p{font-size:.62rem !important;line-height:1.58 !important;margin-top:15px !important;max-width:54ch !important;}
section#contato .contact-dark-links{margin-top:18px !important;gap:5px !important;}
section#contato .contact-dark-links a,section#contato .contact-dark-links a:first-child{font-size:.58rem !important;padding:3px 0 !important;}
section#contato .contact-dark-form{padding:24px 26px 22px !important;}
section#contato .contact-dark-fields{gap:12px 14px !important;}
section#contato .contact-dark-form label{font-size:.55rem !important;}
section#contato .contact-dark-form input,section#contato .contact-dark-form select,section#contato .contact-dark-form textarea{padding:9px 10px !important;font-size:.62rem !important;margin-top:5px !important;}
section#contato .contact-dark-form textarea{min-height:96px !important;}
section#contato .contact-dark-footer{margin-top:13px !important;}
section#contato .contact-dark-footer small{font-size:.48rem !important;}
section#contato .contact-dark-footer button{font-size:.60rem !important;padding:9px 17px !important;}

/* FOOTER */
.footer-dark-final{padding-top:42px !important;}
.footer-dark-final h4{font-size:.62rem !important;}
.footer-dark-final a,.footer-dark-final p,.footer-dark-final span{font-size:.56rem !important;}

/* Mobile: mantém legibilidade mínima sem voltar aos tamanhos antigos */
@media(max-width:720px){
  .hero h1{font-size:2.05rem !important;}
  .hero p{font-size:.9rem !important;}
  .tela2-head h2,.clients-v8-head h2,.cases-v8-head h2{font-size:1.85rem !important;}
  .tela2-body h3{font-size:1.05rem !important;}
  .tela2-body p,.tela2-body li{font-size:.78rem !important;}
  .itwv3-content h2,.zadara-head h2,section#contato .contact-dark-copy h2{font-size:1.65rem !important;}
  .itwv3-lead,.itwv3-copy,.zadara-intro,section#contato .contact-dark-copy>p{font-size:.78rem !important;}
  section#contato .contact-dark-form label{font-size:.72rem !important;}
  section#contato .contact-dark-form input,section#contato .contact-dark-form select,section#contato .contact-dark-form textarea{font-size:.78rem !important;}
}



/* =========================================================
   BLOCO ORIGINAL: v14-remove-intro-fixes
   ========================================================= */

/* Cabeçalhos ajustados após remoção dos textos solicitados */
.tela2-head,
.zadara-head{
  grid-template-columns:1fr !important;
  gap:0 !important;
  align-items:start !important;
}
.tela2-head h2{max-width:900px !important;}
.zadara-head h2{max-width:760px !important;}



/* =========================================================
   BLOCO ORIGINAL: v16-almt-typography-fix
   ========================================================= */

/* Tipografia: +20% sobre o teste reduzido */
html{font-size:19.2px !important;}

/* A faixa de clientes passa a usar 8 unidades: ALMT ocupa 2 por ser horizontal */
.clients-v8-logos{
  grid-template-columns:repeat(8,minmax(0,1fr)) !important;
  gap:14px !important;
}
.client-v8.almt-logo{
  grid-column:span 2 !important;
  aspect-ratio:2/1 !important;
  padding:12px 18px !important;
  background:#fff !important;
}
.client-v8.almt-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(1.08) !important;
}
.client-v8.igepps-logo img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:scale(1.22) !important;
}

@media(max-width:1200px){
  html{font-size:18.4px !important;}
  .clients-v8-logos{grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
  .client-v8.almt-logo{grid-column:span 2 !important;aspect-ratio:2/1 !important;}
}
@media(max-width:720px){
  html{font-size:17px !important;}
  .clients-v8-logos{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .client-v8.almt-logo{grid-column:span 2 !important;aspect-ratio:2.15/1 !important;}
}



/* =========================================================
   BLOCO ORIGINAL: v19-client-cards-responsive-fix
   ========================================================= */

/* V19 — logos sem corte, cards iguais e responsivos */
.clients-v8-logos{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  gap:18px !important;
  max-width:1460px !important;
  align-items:stretch !important;
}
.client-v8,
.client-v8.almt-logo,
.client-v8.igepps-logo{
  grid-column:auto !important;
  width:100% !important;
  aspect-ratio:1 / 1 !important;
  min-height:0 !important;
  padding:10px !important;
  border:none !important;
  border-radius:20px !important;
  background:#ffffff !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(0,0,0,.14) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.client-v8 img,
.client-v8.almt-logo img,
.client-v8.igepps-logo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  padding:0 !important;
  margin:0 !important;
  border:none !important;
}
/* escalas suaves por logo para preencher melhor sem cortar */
.client-v8:nth-child(1) img{transform:scale(1.03) !important;}
.client-v8:nth-child(2) img{transform:scale(1.08) !important;}
.client-v8:nth-child(3) img{transform:scale(1.07) !important;}
.client-v8:nth-child(4) img{transform:scale(1.06) !important;}
.client-v8:nth-child(5) img{transform:scale(1.06) !important;}
.client-v8.almt-logo img{transform:scale(1.18) !important; object-position:center center !important;}
.client-v8.igepps-logo img{transform:scale(1.12) !important; object-position:center center !important;}

/* responsividade geral do site */
@media(max-width:1200px){
  .clients-v8-logos{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;}
}
@media(max-width:980px){
  .wrap{width:min(100% - 28px,1280px) !important;}
  .hero-in,.contact-in,.contact-dark-grid,.itwv3-wrap,.zadara-head,.zadara-visuals,.cases-showcase-v17 .clients-cases-head{grid-template-columns:1fr !important;}
  .tela2-grid,.cases-v8-grid{grid-template-columns:1fr 1fr !important;}
  .zadara-v5 .zadara-model-grid{grid-template-columns:1fr !important;}
  .cases-showcase-v17 .client-case-panel{grid-template-columns:1fr !important;}
  .cases-showcase-v17 .client-case-stage{min-height:1080px !important;}
  .visual-stack{display:none !important;}
  .hero-card{max-width:none !important;}
  .foot-grid{grid-template-columns:1fr 1fr !important;}
}
@media(max-width:720px){
  .wrap{width:min(100% - 22px,1280px) !important;}
  .hero,.clients-v8,.cases-v8,.contact-dark-final,.tela2-solutions,.zadara-v4,.zadara-v5{padding-left:0 !important;padding-right:0 !important;}
  .hero-card h1,.hero-card h2,.section-title,.clients-v8-head h2,.cases-v8-head h2,.tela2-head h2,.contact-dark-copy h2{line-height:1.05 !important;}
  .tela2-grid,.cases-v8-grid,.foot-grid{grid-template-columns:1fr !important;}
  .clients-v8-logos{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
  .client-v8,.client-v8.almt-logo,.client-v8.igepps-logo{aspect-ratio:1 / 1 !important;border-radius:16px !important;padding:8px !important;}
  .cases-showcase-v17 .client-case-tabs{grid-template-columns:1fr 1fr !important;}
  .cases-showcase-v17 .client-case-stage{min-height:1180px !important;}
  .contact-dark-fields,form{grid-template-columns:1fr !important;}
  .contact-dark-footer{flex-direction:column !important;align-items:flex-start !important;gap:14px !important;}
  nav{min-height:64px !important;}
}



/* =========================================================
   BLOCO ORIGINAL: v20-client-logos-fill-fix
   ========================================================= */

/* V20 — preencher cards específicos sem borda visível */
.client-v8{padding:0 !important;}
.client-v8 img{max-width:none !important;}
/* Hapvida */
.clients-v8-logos .client-v8:nth-child(2){background:#1f4bb1 !important;}
.clients-v8-logos .client-v8:nth-child(2) img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;transform:scale(1.12) !important;}
/* Movida */
.clients-v8-logos .client-v8:nth-child(4){background:#ff5a08 !important;}
.clients-v8-logos .client-v8:nth-child(4) img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;transform:scale(1.10) !important;}
/* IGEPPS */
.client-v8.igepps-logo{background:#fff !important;}
.client-v8.igepps-logo img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;transform:scale(1.28) !important;}
/* ALMT um pouco melhor centralizado */
.client-v8.almt-logo img{transform:scale(1.08) !important; object-fit:contain !important;}
/* mobile */
@media(max-width:720px){
  .clients-v8-logos .client-v8:nth-child(2) img{transform:scale(1.08) !important;}
  .clients-v8-logos .client-v8:nth-child(4) img{transform:scale(1.06) !important;}
  .client-v8.igepps-logo img{transform:scale(1.20) !important;}
}


/* =========================================================
   V10 — AJUSTES FINAIS: HERO VISUAL + CLIENTE ALMT
   ========================================================= */
/* Remove o tom lilás do card de IA/ML e deixa a composição mais uniforme */
.glass.three{
  background:linear-gradient(145deg,#0b3978 0%,#0c55a8 100%) !important;
  border-color:rgba(104,190,255,.22) !important;
}
.glass.three::before{
  background:radial-gradient(circle at 78% 20%,rgba(67,207,255,.16),transparent 46%) !important;
}
.glass.three .ai-mini-net .node{background:#66d7ff !important;box-shadow:0 0 12px rgba(102,215,255,.48) !important;}
.glass.three .ai-mini-net .core{background:#e5f8ff !important;box-shadow:0 0 16px rgba(109,224,255,.42) !important;}
.glass.three .ai-mini-net .beam{background:linear-gradient(90deg,rgba(75,195,255,.95),rgba(117,234,255,.92)) !important;}

/* Hero: remove predominância violeta/lilás do fundo direito */
.hero-bg:before{
  background:radial-gradient(circle at 50% 42%,rgba(40,153,231,.48),rgba(20,95,190,.28) 42%,rgba(8,46,114,.05) 68%,transparent 76%) !important;
}

/* ALMT: usa todo o logo, centralizado, sem cortar o texto inferior */
.clients-v8-logos .client-almt{
  padding:12px !important;
  background:#fff !important;
}
.clients-v8-logos .client-almt img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:scale(.96) !important;
}
@media(max-width:720px){
  .clients-v8-logos .client-almt{padding:10px !important;}
  .clients-v8-logos .client-almt img{transform:scale(.94) !important;}
}

/* V10.1 — correções de especificidade após reordenação dos clientes */
.hero-bg{background:radial-gradient(circle at 88% 15%,rgba(22,188,231,.17),transparent 28%),linear-gradient(115deg,#02050a 0%,#061124 48%,#0a1b38 100%) !important;}
#clientes .clients-v8-logos .client-v8.client-almt{background:#fff !important;padding:12px !important;}
#clientes .clients-v8-logos .client-v8.client-almt img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center center !important;transform:scale(.90) !important;}
@media(max-width:720px){#clientes .clients-v8-logos .client-v8.client-almt img{transform:scale(.88) !important;}}


/* ===== V11 ajustes solicitados ===== */
.case-v8-art.case-v8-art--image{display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:0!important;background:#08101d!important;border:1px solid rgba(255,255,255,.10)!important}
.case-v8.light .case-v8-art.case-v8-art--image{background:#e9eef6!important;border-color:#dbe4f1!important}
.case-v8-art.case-v8-art--image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important}
.cases-v8-grid .case-v8 .case-v8-copy h3{max-width:12ch!important}
.cases-v8-grid .case-v8 .case-v8-copy p{max-width:30ch!important}
.privacy-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(20px,4vw,72px);align-items:center}
.privacy-hero-side{max-width:700px;justify-self:end}
.privacy-hero-side p{margin:0!important;max-width:none!important}
.privacy-hero-side .privacy-meta{margin-top:14px!important}
.privacy-section h2,.privacy-card h3,.privacy-section .privacy-number{color:#14345f!important}
@media (max-width:900px){
  .privacy-hero-grid{grid-template-columns:1fr!important;gap:16px!important}
  .privacy-hero-side{justify-self:start!important}
}