:root{--navy:#0A1328;--blue:#2563EB;--cyan:#00B4D8;--green:#22C55E;--slate:#64748B;--light:#F8FAFC;--white:#fff;--line:#E5E7EB}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--light);color:var(--navy)}a{text-decoration:none;color:inherit}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 7vw;background:rgba(248,250,252,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(10,19,40,.06)}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand-mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--navy),var(--blue));display:inline-flex;align-items:center;justify-content:center;box-shadow:0 14px 30px rgba(37,99,235,.18)}.brand-mark svg{width:30px;height:30px;overflow:visible}.mark-c{fill:none;stroke:#fff;stroke-width:10;stroke-linecap:round}.mark-i{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round}.mark-dot{fill:#fff}.brand-text{font-size:23px;letter-spacing:-.055em}.brand-text strong{color:var(--blue)}nav{display:flex;gap:24px;color:#475569;font-weight:700;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--green);color:#fff;padding:14px 22px;font-weight:900;box-shadow:0 12px 30px rgba(34,197,94,.25);transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.secondary{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:none}.btn.small{padding:10px 16px;font-size:14px}.section{padding:90px 7vw}.hero{min-height:82vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:radial-gradient(circle at 82% 18%,rgba(37,99,235,.16),transparent 34%),linear-gradient(180deg,#fff,var(--light))}.eyebrow{display:inline-block;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px;margin-bottom:16px}h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:0 0 24px;letter-spacing:-.07em}h2{font-size:clamp(30px,4vw,50px);line-height:1.05;margin:0 0 28px;letter-spacing:-.055em}p{color:#475569;font-size:18px;line-height:1.7}.hero-content p{max-width:640px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-visual{height:540px;border-radius:40px;background:linear-gradient(145deg,#07101f,var(--navy));position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(10,19,40,.24);border:1px solid rgba(255,255,255,.08)}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px}.hero-visual:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.24),transparent 34%),radial-gradient(circle at 80% 18%,rgba(0,180,216,.18),transparent 28%)}.connections{position:absolute;inset:40px;width:calc(100% - 80px);height:calc(100% - 80px);z-index:2}.connections path{fill:none;stroke:url(#none);stroke:#2563eb;stroke-width:2;stroke-linecap:round;opacity:.62}.center-card,.data-card,.result-card{position:absolute;z-index:4}.center-card{left:50%;top:45%;transform:translate(-50%,-50%);width:178px;height:178px;border-radius:34px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;box-shadow:0 0 70px rgba(37,99,235,.35)}.visual-mark{width:58px;height:58px;border-radius:18px;margin-bottom:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:none}.visual-mark svg{width:36px;height:36px}.center-card strong{font-size:21px;letter-spacing:-.04em}.center-card small{font-size:12px;color:#A7B4C8;margin-top:5px}.data-card{padding:14px 16px;border-radius:18px;background:#fff;color:var(--navy);box-shadow:0 16px 40px rgba(0,0,0,.22);min-width:118px}.data-card span{display:inline-flex;background:#EFF6FF;color:var(--blue);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;margin-bottom:8px}.data-card strong{display:block;font-size:15px}.card-bi{left:9%;top:18%}.card-ai{right:10%;top:15%}.card-api{left:12%;bottom:21%}.card-flow{right:14%;bottom:20%}.card-sql{left:42%;top:8%}.result-card{right:44px;bottom:44px;width:220px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:24px;padding:18px;color:#fff;backdrop-filter:blur(8px)}.mini-chart{display:flex;align-items:flex-end;gap:8px;height:58px;margin-bottom:12px}.mini-chart i{display:block;width:30px;background:linear-gradient(var(--cyan),var(--blue));border-radius:8px 8px 0 0}.mini-chart i:nth-child(1){height:32%}.mini-chart i:nth-child(2){height:58%}.mini-chart i:nth-child(3){height:88%}.mini-chart i:nth-child(4){height:48%}.result-card strong{font-size:36px}.result-card small{display:block;color:#A7B4C8}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.problem-grid,.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.problem-grid article,.solution,.process div{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 32px rgba(10,19,40,.06)}.problem-grid article{font-weight:900;font-size:18px}.solution .icon{font-size:32px;margin-bottom:16px}.solution h3,.process h3{margin:0 0 10px;font-size:22px;letter-spacing:-.03em}.solution p,.process p{font-size:15px;margin:0}.dark-band{background:var(--navy);color:#fff}.dark-band h2{color:#fff}.section-lead{max-width:850px;color:#C8D3E4;margin-top:-10px;margin-bottom:34px}.areas-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.areas-grid span{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);padding:20px;border-radius:18px;font-weight:900;text-align:center}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.process strong{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;margin-bottom:16px}.cta{text-align:center;background:linear-gradient(135deg,#fff,var(--light))}.cta p{max-width:740px;margin:0 auto 26px}.contact{font-size:15px!important;margin-top:22px!important}.footer-brand .brand-text{font-size:20px}footer{padding:34px 7vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#fff}.footer-mark{width:36px;height:36px}footer p{font-size:14px;margin:0}@media(max-width:900px){.navbar{align-items:flex-start}.navbar nav{display:none}.hero,.split{grid-template-columns:1fr}.hero-visual{height:440px}.problem-grid,.solutions-grid,.process,.areas-grid{grid-template-columns:1fr 1fr}.card-sql{display:none}.result-card{width:190px}}@media(max-width:560px){.section{padding:64px 5vw}.problem-grid,.solutions-grid,.process,.areas-grid{grid-template-columns:1fr}.brand-text{font-size:20px}.btn.small{display:none}.hero-visual{height:420px;border-radius:28px}.center-card{width:140px;height:140px}.data-card{min-width:auto;padding:12px}.card-ai{right:5%}.card-bi{left:5%}.card-api{left:5%;bottom:22%}.card-flow{right:5%;bottom:21%}.result-card{right:20px;bottom:20px;width:170px}.connections{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}}


/* Correção da logo oficial Intelion Labs */
.brand-mark{background:transparent!important;box-shadow:none!important;border-radius:14px;overflow:hidden}
.brand-mark img{width:44px;height:44px;display:block;object-fit:contain;border-radius:14px}
.visual-mark{width:64px!important;height:64px!important;margin-bottom:12px;background:transparent!important}
.visual-mark img{width:64px;height:64px;border-radius:16px}
.footer-mark img{width:36px;height:36px;border-radius:10px}


/* Melhorias premium - Hero Intelion Labs */
.hero-visual{
  isolation:isolate;
  background:
    radial-gradient(circle at 55% 45%,rgba(37,99,235,.20),transparent 26%),
    radial-gradient(circle at 88% 18%,rgba(0,180,216,.16),transparent 22%),
    linear-gradient(145deg,#050B16 0%,#0A1328 52%,#07101f 100%);
}
.grid-bg{
  opacity:.75;
  animation:gridDrift 18s linear infinite;
  mask-image:radial-gradient(circle at center,black 0%,black 58%,transparent 100%);
}
.hero-visual:before{
  content:"";
  position:absolute;
  inset:-20%;
  z-index:1;
  background:
    radial-gradient(circle at 48% 50%,rgba(37,99,235,.35),transparent 18%),
    radial-gradient(circle at 82% 70%,rgba(0,180,216,.18),transparent 18%);
  filter:blur(20px);
  animation:softPulse 7s ease-in-out infinite;
}
.hero-visual:after{
  z-index:1;
  background:
    linear-gradient(120deg,transparent 0%,rgba(255,255,255,.055) 48%,transparent 56%),
    radial-gradient(circle at 50% 50%,rgba(37,99,235,.18),transparent 34%);
  animation:lightSweep 9s ease-in-out infinite;
}
.connections{filter:drop-shadow(0 0 8px rgba(37,99,235,.55));}
.connections .path{
  fill:none;
  stroke:url(#intelionLine);
  stroke-width:2.5;
  stroke-linecap:round;
  opacity:.72;
  filter:url(#lineGlow);
  stroke-dasharray:9 12;
  animation:dashMove 16s linear infinite;
}
.connections .path-2{animation-duration:18s;opacity:.82}
.connections .path-3{animation-duration:14s;opacity:.65}
.connections .path-4{animation-duration:17s;opacity:.72}
.connections .path-5{animation-duration:20s;opacity:.55}
.signal{fill:#00B4D8;filter:drop-shadow(0 0 8px #00B4D8);opacity:.92}
.s2{fill:#8BB8FF}.s3{fill:#2563EB}.s4{fill:#22C55E}
.center-card{
  backdrop-filter:blur(16px);
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  border:1px solid rgba(255,255,255,.22);
  transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
}
.center-card:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:0 0 90px rgba(37,99,235,.48);border-color:rgba(139,184,255,.45)}
.data-card{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  border:1px solid rgba(255,255,255,.15);
}
.data-card:hover{transform:translateY(-6px);box-shadow:0 20px 54px rgba(0,0,0,.28)}
.result-card{
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.065));
  border:1px solid rgba(139,184,255,.22);
  box-shadow:0 24px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .25s ease, border-color .25s ease;
}
.result-card:hover{transform:translateY(-6px);border-color:rgba(0,180,216,.45)}
.mini-chart i{animation:barPulse 2.8s ease-in-out infinite}.mini-chart i:nth-child(2){animation-delay:.2s}.mini-chart i:nth-child(3){animation-delay:.35s}.mini-chart i:nth-child(4){animation-delay:.5s}
.orbit{position:absolute;z-index:3;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid rgba(139,184,255,.16);border-radius:50%;pointer-events:none}
.orbit-a{width:245px;height:245px;animation:orbitPulse 5s ease-in-out infinite}.orbit-b{width:330px;height:330px;animation:orbitPulse 6.5s ease-in-out infinite reverse}
.ambient-dot{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:#00B4D8;box-shadow:0 0 20px #00B4D8;opacity:.75;animation:floatDot 7s ease-in-out infinite}
.dot-a{left:22%;top:57%}.dot-b{right:20%;top:45%;animation-delay:1.4s}.dot-c{left:55%;bottom:19%;animation-delay:2.2s}
.solution,.problem-grid article,.process div,.areas-grid span{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.solution:hover,.problem-grid article:hover,.process div:hover{transform:translateY(-6px);box-shadow:0 18px 48px rgba(10,19,40,.10);border-color:rgba(37,99,235,.18)}
.areas-grid span:hover{transform:translateY(-4px);border-color:rgba(0,180,216,.38);background:rgba(255,255,255,.12)}
@keyframes dashMove{to{stroke-dashoffset:-240}}
@keyframes gridDrift{to{background-position:84px 84px}}
@keyframes softPulse{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}
@keyframes lightSweep{0%,100%{background-position:-180px 0,center}50%{background-position:360px 0,center}}
@keyframes barPulse{0%,100%{filter:brightness(1);transform:scaleY(1)}50%{filter:brightness(1.25);transform:scaleY(1.08)}}
@keyframes orbitPulse{0%,100%{opacity:.28;transform:translate(-50%,-50%) scale(.98)}50%{opacity:.58;transform:translate(-50%,-50%) scale(1.03)}}
@keyframes floatDot{0%,100%{transform:translate3d(0,0,0);opacity:.5}50%{transform:translate3d(14px,-18px,0);opacity:1}}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}
}


.center-card,.result-card{border:none!important;box-shadow:0 20px 45px rgba(15,23,42,.18)!important}
.result-card{background:rgba(20,30,55,.55)!important;backdrop-filter:blur(12px)}
.mini-chart{box-shadow:none!important;background:transparent!important}

.card-process{position:absolute;right:40px;bottom:40px}


/* Ajuste do indicador de processos no Hero */
.card-flow{display:none!important}
.card-process{
  right:7.5%;
  bottom:12%;
  width:178px;
  min-width:0;
  padding:14px;
  border-radius:20px;
}
.indicator-card{
  position:absolute;
  z-index:4;
  color:var(--navy);
  background:#fff;
  box-shadow:0 18px 46px rgba(0,0,0,.24);
  border:0!important;
  transition:transform .25s ease, box-shadow .25s ease;
}
.indicator-card:hover{transform:translateY(-5px);box-shadow:0 24px 58px rgba(0,0,0,.30)}
.indicator-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.indicator-head span{display:inline-flex;background:#EFF6FF;color:var(--blue);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}
.indicator-head strong{font-size:14px;letter-spacing:-.02em;color:var(--navy)}
.indicator-body{display:flex;align-items:flex-end;gap:14px}
.indicator-bars{display:flex;align-items:flex-end;gap:5px;height:50px;min-width:76px;padding:8px 8px 0;border-radius:14px;background:linear-gradient(180deg,#F8FAFC,#EFF6FF)}
.indicator-bars i{display:block;width:13px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--cyan),var(--blue));animation:barPulse 2.8s ease-in-out infinite;transform-origin:bottom}
.indicator-bars i:nth-child(1){height:18px}.indicator-bars i:nth-child(2){height:30px;animation-delay:.15s}.indicator-bars i:nth-child(3){height:42px;animation-delay:.3s}.indicator-bars i:nth-child(4){height:26px;animation-delay:.45s}
.indicator-body strong{display:block;font-size:26px;line-height:1;letter-spacing:-.05em;color:var(--navy)}
.indicator-body small{display:block;margin-top:5px;color:#64748B;font-weight:700;font-size:12px}
.center-card{border:0!important;box-shadow:0 18px 60px rgba(37,99,235,.28)!important}
@media(max-width:900px){.card-process{right:7%;bottom:11%;width:165px}}
@media(max-width:560px){.card-process{right:5%;bottom:8%;width:150px}.indicator-body{gap:9px}.indicator-bars{min-width:62px}.indicator-body strong{font-size:22px}.indicator-head strong{display:none}}


/* Ajuste solicitado: mini dashboard de Processos proporcional aos demais cards */
.card-flow{display:none!important;}
.card-process{
  right:5,5%!important;
  bottom:20%!important;
  width:132px!important;
  min-width:132px!important;
  padding:13px 14px 12px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:none!important;
  box-shadow:0 16px 40px rgba(0,0,0,.22)!important;
  color:var(--navy)!important;
  backdrop-filter:none!important;
}
.process-title{
  color:var(--navy);
  font-weight:900;
  font-size:14px;
  letter-spacing:-.03em;
  margin-bottom:8px;
}
.process-bars{
  height:28px;
  display:flex;
  align-items:flex-end;
  gap:4px;
  padding:5px 6px 0;
  border-radius:10px;
  background:linear-gradient(180deg,#F8FAFC,#EEF5FF);
  margin-bottom:8px;
}
.process-bars i{
  flex:1;
  min-width:0;
  border-radius:5px 5px 0 0;
  background:linear-gradient(180deg,var(--cyan),var(--blue));
  transform-origin:bottom;
  animation:barPulse 2.8s ease-in-out infinite;
}
.process-bars i:nth-child(1){height:22%;}
.process-bars i:nth-child(2){height:35%;animation-delay:.1s;}
.process-bars i:nth-child(3){height:50%;animation-delay:.2s;}
.process-bars i:nth-child(4){height:76%;animation-delay:.3s;}
.process-bars i:nth-child(5){height:62%;animation-delay:.4s;}
.process-bars i:nth-child(6){height:84%;animation-delay:.5s;}
.process-kpi{
  display:block!important;
  color:var(--navy)!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:-.05em!important;
}
.process-caption{
  display:block!important;
  margin-top:3px!important;
  color:#64748B!important;
  font-size:11px!important;
  font-weight:800!important;
}
.indicator-head,.indicator-body,.indicator-bars{display:none!important;}
@media(max-width:900px){.card-process{right:7%!important;bottom:13%!important;width:128px!important;min-width:128px!important;}}
@media(max-width:560px){.card-process{right:5%!important;bottom:10%!important;width:118px!important;min-width:118px!important;padding:11px!important}.process-title{font-size:13px}.process-kpi{font-size:20px!important}.process-bars{height:24px;gap:3px}}

.card-process .process-title{
    color: var(--blue);
}