/* ConectaEmpresa — Visual Intelligence System 2.0 · Public Foundation
   Conceito: Enterprise Command Network. Escopo estrito da landing pública. */
body.seo-public #landing-seo{
  --lp-blue:var(--ce2-blue-600);
  --lp-blue2:#174fbf;
  --lp-cyan:var(--ce2-cyan-400);
  --lp-navy:var(--ce2-midnight-950);
  --lp-ink:var(--ce2-ink);
  --lp-muted:var(--ce2-muted);
  --lp-line:var(--ce2-line);
  --lp-soft:var(--ce2-canvas);
  --lp-card:var(--ce2-surface);
  --lp-ok:var(--ce2-green-500);
  background:var(--ce2-canvas);
}

/* Navegação: transforma o topo em uma barra de comando, sem perder legibilidade. */
body.seo-public #landing-seo .lp-hd{
  background:rgba(6,17,31,.91);
  border-bottom:1px solid rgba(125,211,252,.14);
  box-shadow:0 10px 35px rgba(2,8,23,.10);
  color:#eaf4ff;
}
body.seo-public #landing-seo .lp-nav{min-height:70px}
body.seo-public #landing-seo .lp-brand{color:#f8fbff;letter-spacing:-.025em}
body.seo-public #landing-seo .lp-brand b{color:var(--ce2-cyan-300)}
body.seo-public #landing-seo .lp-brand-mark{
  border-radius:12px;
  background:linear-gradient(145deg,#1d4ed8 0%,#2563eb 45%,#22d3ee 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.10),0 0 28px rgba(34,211,238,.22);
}
body.seo-public #landing-seo .lp-suite-chip{
  color:#b9cce4;background:rgba(255,255,255,.06);border:1px solid rgba(148,203,255,.13)
}
body.seo-public #landing-seo .lp-menu a{color:#b7c8dc}
body.seo-public #landing-seo .lp-menu a:hover{color:#fff}
body.seo-public #landing-seo .lp-burger,
body.seo-public #landing-seo .lp-install{
  color:#e9f3ff;background:rgba(255,255,255,.07);border-color:rgba(164,206,255,.17)
}
body.seo-public #landing-seo .lp-btn.pri{
  background:linear-gradient(112deg,#2563eb 5%,#2588e8 56%,#22d3ee 120%);
  box-shadow:0 10px 28px rgba(37,99,235,.30),inset 0 0 0 1px rgba(255,255,255,.10)
}

/* Hero: rede operacional, mais autoral e memorável. */
body.seo-public #landing-seo .lp-hero-shell{
  isolation:isolate;overflow:hidden;color:#f8fbff;
  background:
    radial-gradient(700px 480px at 86% 14%,rgba(34,211,238,.18),transparent 62%),
    radial-gradient(620px 500px at 7% 1%,rgba(124,58,237,.20),transparent 58%),
    linear-gradient(145deg,#06111f 0%,#081a2d 48%,#0d3156 100%);
  border-bottom:1px solid rgba(125,211,252,.15)
}
body.seo-public #landing-seo .lp-hero-shell::before{
  content:"";position:absolute;inset:-1px;z-index:-2;pointer-events:none;
  background-image:var(--ce2-grid);background-size:54px 54px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 94%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 94%)
}
body.seo-public #landing-seo .lp-hero-shell::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.9;
  background:
    radial-gradient(circle at 13% 31%,rgba(103,232,249,.9) 0 2px,rgba(34,211,238,.20) 3px 7px,transparent 8px),
    radial-gradient(circle at 22% 69%,rgba(129,140,248,.85) 0 2px,rgba(124,58,237,.16) 3px 7px,transparent 8px),
    radial-gradient(circle at 75% 20%,rgba(103,232,249,.8) 0 2px,rgba(34,211,238,.14) 3px 8px,transparent 9px),
    radial-gradient(circle at 94% 64%,rgba(147,197,253,.75) 0 2px,rgba(59,130,246,.13) 3px 7px,transparent 8px)
}
body.seo-public #landing-seo .lp-hero{min-height:700px}
body.seo-public #landing-seo .lp-eyebrow{
  color:#c9f7ff;background:rgba(13,39,67,.62);border-color:rgba(103,232,249,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 30px rgba(0,0,0,.08)
}
body.seo-public #landing-seo .lp-hero h1{
  font-weight:825;letter-spacing:-.052em;text-wrap:balance;text-shadow:0 10px 40px rgba(0,0,0,.14)
}
body.seo-public #landing-seo .lp-grad{
  background:linear-gradient(108deg,#93c5fd 0%,#67e8f9 45%,#a78bfa 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
body.seo-public #landing-seo .lp-lead{color:#b8c8da;font-size:1.16rem}
body.seo-public #landing-seo .lp-proof{color:#a9bed5}
body.seo-public #landing-seo .lp-hero-trust{
  color:#a9bed5;border-color:rgba(148,203,255,.16);background:rgba(255,255,255,.045);backdrop-filter:blur(10px)
}
body.seo-public #landing-seo .lp-demo-glow{
  background:conic-gradient(from 160deg,rgba(34,211,238,.18),rgba(59,130,246,.35),rgba(124,58,237,.18),rgba(34,211,238,.18));filter:blur(46px)
}
body.seo-public #landing-seo .lp-demo{
  padding:10px;border-radius:27px;
  border:1px solid rgba(148,217,255,.20);
  background:linear-gradient(140deg,rgba(10,33,57,.94),rgba(12,51,89,.94));
  box-shadow:0 42px 110px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.035),0 0 80px rgba(34,211,238,.08)
}
body.seo-public #landing-seo .lp-window{border-radius:19px}
body.seo-public #landing-seo .lp-demo-note{color:#a8c2df}

/* Faixa de pilares como telemetria da plataforma. */
body.seo-public #landing-seo .lp-strip{
  color:#e7f1ff;background:linear-gradient(90deg,#071522,#0a2035 48%,#0b2843);border-color:rgba(125,211,252,.12)
}
body.seo-public #landing-seo .lp-strip-item{border-color:rgba(125,211,252,.11)}
body.seo-public #landing-seo .lp-strip-item b{color:#fff}
body.seo-public #landing-seo .lp-strip-item span{color:#9fb3ca}

/* Seções e superfícies: menos template, mais sistema de comando. */
body.seo-public #landing-seo .lp-sec{background:#f7fafe;border-color:#e2eaf4}
body.seo-public #landing-seo .lp-sec.alt{background:#eef4fb}
body.seo-public #landing-seo .lp-kicker,
body.seo-public #landing-seo .lp-section-tag{
  width:max-content;padding:6px 10px;border-radius:999px;
  color:#155ac9;background:#eaf3ff;border:1px solid #cfe2fb;letter-spacing:.115em
}
body.seo-public #landing-seo .lp-sec h2{letter-spacing:-.05em;text-wrap:balance}
body.seo-public #landing-seo .lp-card,
body.seo-public #landing-seo .lp-sec-card,
body.seo-public #landing-seo .lp-positioning-card{
  position:relative;overflow:hidden;
  border-color:#dce6f2;background:linear-gradient(155deg,#fff 0%,#fbfdff 70%,#f4f9ff 100%);
  box-shadow:0 10px 34px rgba(12,41,78,.055)
}
body.seo-public #landing-seo .lp-card::before,
body.seo-public #landing-seo .lp-sec-card::before,
body.seo-public #landing-seo .lp-positioning-card::before{
  content:"";position:absolute;left:18px;right:42%;top:0;height:2px;
  background:linear-gradient(90deg,#2563eb,#22d3ee,transparent);opacity:.9
}
body.seo-public #landing-seo a.lp-card:hover{
  transform:translateY(-5px);border-color:#b9d7f4;
  box-shadow:0 22px 54px rgba(16,70,130,.10)
}
body.seo-public #landing-seo .lp-ic{
  border:1px solid #d9e9fb;background:linear-gradient(145deg,#f5f9ff,#e8f4ff);color:#1d62cd;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)
}

/* Demonstração pública: aparência de produto e não de simples mockup. */
body.seo-public #landing-seo .lp-demo-lab{background:#071522;color:#eaf4ff;border-color:rgba(125,211,252,.11)}
body.seo-public #landing-seo .lp-demo-lab .lp-kicker{color:#9cecff;background:rgba(34,211,238,.08);border-color:rgba(103,232,249,.18)}
body.seo-public #landing-seo .lp-demo-lab .lp-sub{color:#9fb3ca}
body.seo-public #landing-seo .lp-demo-tab{
  color:#bad0e7;background:rgba(255,255,255,.045);border-color:rgba(148,203,255,.13)
}
body.seo-public #landing-seo .lp-demo-tab[aria-selected="true"]{
  color:#fff;background:linear-gradient(120deg,rgba(37,99,235,.72),rgba(34,211,238,.22));border-color:rgba(103,232,249,.33)
}
body.seo-public #landing-seo .lp-showcase-window{
  border-color:rgba(125,211,252,.18);box-shadow:0 34px 80px rgba(0,0,0,.28),0 0 70px rgba(34,211,238,.055)
}
body.seo-public #landing-seo .lp-showcase-copy>div{
  border-color:rgba(148,203,255,.12);background:rgba(255,255,255,.045);color:#b7cbe0
}
body.seo-public #landing-seo .lp-showcase-copy b{color:#fff}

/* Ecossistema = peça de assinatura visual da marca. */
body.seo-public #landing-seo .lp-ecosystem{
  color:#eaf4ff;background:
    radial-gradient(540px 420px at 72% 44%,rgba(34,211,238,.12),transparent 70%),
    radial-gradient(440px 360px at 88% 18%,rgba(124,58,237,.13),transparent 70%),
    #06111f;border-color:rgba(125,211,252,.10)
}
body.seo-public #landing-seo .lp-ecosystem .lp-kicker{color:#9cecff;background:rgba(34,211,238,.08);border-color:rgba(103,232,249,.17)}
body.seo-public #landing-seo .lp-ecosystem .lp-sub,
body.seo-public #landing-seo .lp-ecosystem .lp-eco-point span{color:#9fb3ca}
body.seo-public #landing-seo .lp-eco-point i{color:#8eeeff;background:rgba(34,211,238,.07);border-color:rgba(103,232,249,.17)}
body.seo-public #landing-seo .lp-eco-map{
  border-color:rgba(125,211,252,.15);background:rgba(10,30,50,.58);
  box-shadow:inset 0 0 80px rgba(34,211,238,.035),0 28px 80px rgba(0,0,0,.22)
}
body.seo-public #landing-seo .lp-eco-core{
  background:linear-gradient(145deg,#123a69,#155da4);border-color:rgba(103,232,249,.28);box-shadow:0 0 55px rgba(34,211,238,.16)
}
body.seo-public #landing-seo .lp-eco-node{
  background:rgba(8,29,49,.92);border-color:rgba(148,203,255,.16);box-shadow:0 16px 44px rgba(0,0,0,.18)
}
body.seo-public #landing-seo .lp-eco-node b{color:#f8fbff}
body.seo-public #landing-seo .lp-eco-node span{color:#9db2c9}
body.seo-public #landing-seo .lp-eco-line{border-color:rgba(103,232,249,.24)}

/* Perfis e CTA final. */
body.seo-public #landing-seo .lp-profile-shell{box-shadow:0 24px 64px rgba(8,36,72,.09);border-color:#d8e5f2}
body.seo-public #landing-seo .lp-profile-tab[aria-selected="true"]{
  background:linear-gradient(100deg,#0e3157,#155da4);color:#fff;box-shadow:inset 3px 0 #67e8f9
}
body.seo-public #landing-seo .lp-final{
  position:relative;overflow:hidden;color:#f4f9ff;
  background:
    radial-gradient(360px 260px at 92% 0,rgba(34,211,238,.18),transparent 68%),
    radial-gradient(320px 240px at 8% 100%,rgba(124,58,237,.18),transparent 68%),
    linear-gradient(140deg,#06111f,#0b2742);
  border:1px solid rgba(125,211,252,.14);box-shadow:var(--ce2-shadow-lg)
}
body.seo-public #landing-seo .lp-final .lp-sub{color:#a9bdd2}
body.seo-public #landing-seo .lp-final a:not(.lp-btn){color:#dcecff}

/* Mobile: mantém o desenho forte sem depender de hover ou de composição pesada. */
@media (max-width:760px){
  body.seo-public #landing-seo .lp-hd{background:rgba(6,17,31,.97)}
  body.seo-public #landing-seo .lp-menu{background:#081a2d;border-color:rgba(125,211,252,.14);box-shadow:0 22px 48px rgba(0,0,0,.28)}
  body.seo-public #landing-seo .lp-menu a{color:#dce9f7}
  body.seo-public #landing-seo .lp-hero{min-height:auto;padding-top:62px}
  body.seo-public #landing-seo .lp-hero-shell::before{background-size:42px 42px}
  body.seo-public #landing-seo .lp-hero h1{font-size:clamp(2.5rem,13vw,3.7rem)}
  body.seo-public #landing-seo .lp-demo{box-shadow:0 24px 54px rgba(0,0,0,.34)}
  body.seo-public #landing-seo .lp-card,
  body.seo-public #landing-seo .lp-sec-card{box-shadow:0 8px 24px rgba(12,41,78,.05)}
}
@media (prefers-reduced-motion:reduce){
  body.seo-public #landing-seo :is(.lp-card,.lp-btn,.lp-demo-tab){transition:none!important}
}


/* ================= Visual Intelligence 2.1 · Network Hero ================= */
body.seo-public #landing-seo .lp-demo-wrap{position:relative;isolation:isolate}
body.seo-public #landing-seo .lp-demo-wrap>.lp-demo{position:relative;z-index:4}
body.seo-public #landing-seo .lp-demo-wrap>.lp-demo-glow{z-index:1}
body.seo-public #landing-seo .ce2-network-map{
  position:absolute;z-index:2;inset:-94px -92px -88px -92px;pointer-events:none;
  filter:drop-shadow(0 20px 50px rgba(2,8,23,.18))
}
body.seo-public #landing-seo .ce2-network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.seo-public #landing-seo .ce2-network-lines path{
  fill:none;stroke:rgba(103,232,249,.29);stroke-width:1.25;stroke-dasharray:5 9;
  /* linhas estaticas: evita animacao nao composta de stroke-dashoffset */
}
body.seo-public #landing-seo .ce2-network-lines path:nth-child(2n){stroke:rgba(167,139,250,.24);animation-duration:12s}
body.seo-public #landing-seo .ce2-network-core{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:90px;height:90px;border-radius:28px;display:grid;place-items:center;align-content:center;
  color:#f8fbff;background:linear-gradient(145deg,rgba(22,74,132,.96),rgba(18,114,157,.94));
  border:1px solid rgba(103,232,249,.34);
  box-shadow:0 0 0 9px rgba(34,211,238,.035),0 0 70px rgba(34,211,238,.22),0 20px 46px rgba(0,0,0,.22)
}
body.seo-public #landing-seo .ce2-network-core span{font-size:1.2rem;font-weight:850;letter-spacing:-.05em}
body.seo-public #landing-seo .ce2-network-core small{font-size:.54rem;text-transform:uppercase;letter-spacing:.13em;color:#b6edf6}
body.seo-public #landing-seo .ce2-network-node{
  position:absolute;display:grid;grid-template-columns:9px auto;column-gap:8px;align-items:center;
  min-width:126px;padding:9px 11px;border-radius:14px;color:#eef8ff;
  background:rgba(7,27,46,.88);border:1px solid rgba(148,203,255,.16);
  box-shadow:0 13px 34px rgba(0,0,0,.17);backdrop-filter:blur(12px);
  animation:ce2NodeFloat 5.8s var(--ce2-ease) infinite alternate
}
body.seo-public #landing-seo .ce2-network-node i{
  width:7px;height:7px;border-radius:50%;grid-row:1/3;background:#67e8f9;
  box-shadow:0 0 0 5px rgba(34,211,238,.08),0 0 20px rgba(34,211,238,.45)
}
body.seo-public #landing-seo .ce2-network-node b{font-size:.72rem;line-height:1.1}
body.seo-public #landing-seo .ce2-network-node small{grid-column:2;font-size:.55rem;color:#91a9c0;margin-top:2px}
body.seo-public #landing-seo .ce2-network-node.n-people{left:0;top:18%}
body.seo-public #landing-seo .ce2-network-node.n-journey{right:0;top:16%;animation-delay:-1.4s}
body.seo-public #landing-seo .ce2-network-node.n-process{left:-3%;bottom:10%;animation-delay:-2.6s}
body.seo-public #landing-seo .ce2-network-node.n-governance{right:-2%;bottom:8%;animation-delay:-3.8s}
body.seo-public #landing-seo .ce2-network-node.n-intel{left:50%;top:-1%;transform:translateX(-50%);animation-name:ce2NodeFloatCenter}
body.seo-public #landing-seo .lp-demo{
  box-shadow:0 32px 86px rgba(0,0,0,.42),0 0 0 1px rgba(148,203,255,.10),0 0 100px rgba(34,211,238,.055)
}
body.seo-public #landing-seo .lp-hero-trust{
  border-radius:999px;padding:8px 11px;background:rgba(7,28,47,.55);border:1px solid rgba(148,203,255,.10)
}
@keyframes ce2NodeFloat{from{translate:0 0}to{translate:0 -8px}}
@keyframes ce2NodeFloatCenter{from{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-8px)}}

@media (max-width:1100px){
 body.seo-public #landing-seo .ce2-network-map{inset:-66px -46px -54px -46px;opacity:.78}
 body.seo-public #landing-seo .ce2-network-node{min-width:110px}
}
@media (max-width:760px){
 body.seo-public #landing-seo .lp-demo-glow{display:none}
 body.seo-public #landing-seo .ce2-network-map{inset:-42px -14px -34px -14px;opacity:.62;filter:none}
 body.seo-public #landing-seo .ce2-network-node{padding:7px 8px;min-width:0;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(7,27,46,.96);animation:none!important}
 body.seo-public #landing-seo .ce2-network-node small{display:none}
 body.seo-public #landing-seo .ce2-network-node.n-process,
 body.seo-public #landing-seo .ce2-network-node.n-governance{display:none}
 body.seo-public #landing-seo .ce2-network-core{width:68px;height:68px;border-radius:21px}
 body.seo-public #landing-seo .ce2-network-lines{opacity:.55}
}
@media (prefers-reduced-motion:reduce){
 body.seo-public #landing-seo .ce2-network-lines path,
 body.seo-public #landing-seo .ce2-network-node{animation:none!important}
}