@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#0066ff;--cyan:#00d1ff;--black:#05070b;--white:#f4f6f8;--gray:#8d96a8;--navy:#0f172a;--line:#273142}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Montserrat,Arial,sans-serif;background:var(--black);color:var(--white);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 44px));margin:auto}

.header{height:82px;position:sticky;top:0;z-index:50;background:rgba(5,7,11,.92);backdrop-filter:blur(15px);border-bottom:1px solid #141b27}
.nav{height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{width:108px;height:44px;overflow:visible;display:flex;align-items:center;justify-content:center}
.brand img{width:108px;height:44px;object-fit:contain;display:block}
.nav nav{display:flex;gap:30px;align-items:center;font-size:11px;font-weight:700;letter-spacing:1px}
.nav nav a{color:#a7afbd;transition:.25s}.nav nav a:hover{color:#fff}
.nav-cta{position:relative;overflow:hidden;border:1px solid #2b3648;padding:12px 16px;color:#fff!important;transition:.28s;z-index:1}
.nav-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#0066ff,#00a8ff);transform:translateX(-102%);transition:.32s;z-index:-1}
.nav-cta:hover{border-color:#0066ff;background:#0066ff;box-shadow:0 0 25px rgba(0,102,255,.3);transform:translateY(-1px)}
.nav-cta:hover:before{transform:translateX(0)}
.nav-cta span{display:inline-block;color:var(--cyan);margin-left:18px;transition:.28s}
.nav-cta:hover span{color:#fff;transform:translate(3px,-2px)}
.menu{display:none;background:none;border:0;color:#fff;font-size:24px}

.hero{height:calc(100vh - 82px);min-height:680px;position:relative;overflow:hidden;background:radial-gradient(circle at 73% 47%,rgba(0,82,255,.2),transparent 25%),radial-gradient(circle at 87% 52%,rgba(0,209,255,.08),transparent 30%),#05070b;isolation:isolate}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.9}
.hero:before{content:"";position:absolute;inset:-30%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 62% 48%,rgba(0,102,255,.28),transparent 18%),radial-gradient(ellipse at 78% 38%,rgba(0,209,255,.2),transparent 17%);animation:energy 4s ease-in-out infinite alternate}
.hero:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,11,.94),rgba(5,7,11,.62) 36%,rgba(5,7,11,.04) 68%,rgba(5,7,11,.3))}
@keyframes energy{from{transform:scale(.9);opacity:.45}to{transform:scale(1.12) rotate(6deg);opacity:.8}}
.aurora{position:absolute;z-index:1;filter:blur(35px);border-radius:50%;mix-blend-mode:screen;pointer-events:none}
.aurora1{width:460px;height:180px;right:15%;top:20%;background:linear-gradient(90deg,transparent,#0066ff,#00d1ff,transparent);animation:aurora 5s ease-in-out infinite}
.aurora2{width:380px;height:130px;right:-5%;bottom:12%;background:linear-gradient(90deg,transparent,#0066ff,transparent);animation:aurora2 7s ease-in-out infinite}
@keyframes aurora{0%,100%{transform:translate(-80px,-20px) rotate(-28deg) scale(.7);opacity:.15}50%{transform:translate(100px,30px) rotate(-10deg) scale(1.1);opacity:.7}}
@keyframes aurora2{0%,100%{transform:translate(80px,30px) rotate(-30deg) scale(.7);opacity:.1}50%{transform:translate(-120px,-40px) rotate(-18deg) scale(1.2);opacity:.6}}
.ring{position:absolute;border:1px solid rgba(0,102,255,.3);border-radius:50%;z-index:2;pointer-events:none}
.ring1{width:720px;height:720px;left:-540px;top:-410px;animation:spin 8s linear infinite}.ring2{width:580px;height:580px;right:-410px;top:-330px;border-color:rgba(0,209,255,.3);animation:spinrev 11s linear infinite}.ring3{width:330px;height:330px;right:24%;top:19%;border-color:rgba(0,102,255,.18);animation:pulseRing 3s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinrev{to{transform:rotate(-360deg)}}@keyframes pulseRing{50%{transform:scale(1.18) rotate(180deg);opacity:.8}}


.hud{position:absolute;z-index:3;border:1px solid rgba(0,209,255,.14);pointer-events:none}.h1{left:7%;top:22%;width:100px;height:100px;animation:hud 4s infinite}.h2{right:8%;top:64%;width:150px;height:55px;animation:hud2 6s infinite}.h3{left:42%;bottom:12%;width:75px;height:30px;animation:hud3 3s infinite}
@keyframes hud{50%{transform:translate(35px,-20px) rotate(90deg);opacity:.75}}@keyframes hud2{50%{transform:translate(-50px,18px);opacity:.7}}@keyframes hud3{50%{transform:scale(1.4);opacity:.7}}
.tech-grid{position:absolute;z-index:2;left:30%;right:-10%;bottom:-38%;height:58%;background-image:linear-gradient(rgba(0,102,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(0,209,255,.12) 1px,transparent 1px);background-size:70px 42px;transform:perspective(240px) rotateX(58deg);mask-image:linear-gradient(to top,#000,transparent 75%);animation:grid 2.5s linear infinite}
@keyframes grid{to{background-position:0 42px,0 0}}
.beam{position:absolute;z-index:3;left:-20%;width:140%;height:2px;background:linear-gradient(90deg,transparent,#0066ff,#00d1ff,#0066ff,transparent);box-shadow:0 0 18px #0066ff;opacity:0}
.b1{top:28%;animation:beam 4s linear infinite}.b2{top:54%;animation:beam 5s 1.6s linear infinite}.b3{top:76%;animation:beam 6s 3s linear infinite}
@keyframes beam{20%{opacity:.8}50%{transform:translateX(0) scaleX(1);opacity:.65}100%{transform:translateX(25%) scaleX(.3);opacity:0}}

.hero-content{min-height:100%;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:50px;position:relative;z-index:4}
.eyebrow{font-size:9px;letter-spacing:2.8px;font-weight:700;color:#718096;display:flex;gap:9px;align-items:center}.eyebrow span{width:26px;height:2px;background:var(--blue)}
.hero h1{font-size:clamp(49px,6.2vw,86px);line-height:.91;letter-spacing:-4px;margin:25px 0}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#7ea6df);-webkit-background-clip:text;color:transparent}
.hero-copy>p{font-size:16px;line-height:1.75;color:#9099a9;max-width:520px}.hero-actions{display:flex;gap:22px;align-items:center;margin-top:35px}.button{font-size:10px;font-weight:800;letter-spacing:1.3px}.primary{background:linear-gradient(90deg,#0066ff,#0089ff);padding:17px 20px;box-shadow:0 12px 35px rgba(0,102,255,.22)}.primary b{margin-left:24px}.secondary{color:#8f99aa}.secondary span{color:var(--cyan);margin-left:10px}
.hero-mark{height:530px;position:relative;display:grid;place-items:center;overflow:visible}
.logo-orbit{position:absolute;width:350px;height:350px;border:1px solid rgba(0,102,255,.22);border-radius:50%;animation:spin 7s linear infinite;box-shadow:inset 0 0 50px rgba(0,102,255,.08)}
.logo-orbit:before,.logo-orbit:after{content:"";position:absolute;inset:35px;border:1px solid rgba(0,209,255,.14);border-radius:50%}.logo-orbit:after{inset:75px;border-color:rgba(0,102,255,.14)}
.logo-orbit span{position:absolute;width:5px;height:5px;border-radius:50%;background:#00d1ff;box-shadow:0 0 16px #00d1ff;animation:dot 2.2s ease-in-out infinite}.logo-orbit span:nth-child(1){left:15%;top:25%}.logo-orbit span:nth-child(2){right:9%;top:54%;animation-delay:.7s}.logo-orbit span:nth-child(3){left:43%;bottom:7%;animation-delay:1.4s}
@keyframes dot{50%{transform:scale(2.2);opacity:1;box-shadow:0 0 12px #00d1ff,0 0 40px #0066ff}}
.logo-glow{position:absolute;width:300px;height:130px;border-radius:50%;background:#0066ff;filter:blur(60px);opacity:.16;animation:glow 2.2s ease-in-out infinite}.logo-glow:after{content:"";position:absolute;inset:20px;background:#00d1ff;filter:blur(45px);opacity:.5}
@keyframes glow{50%{transform:scale(1.4);opacity:.4}}
.hero-logo{position:relative;width:500px;height:190px;padding:4px;object-fit:contain;object-position:center;mix-blend-mode:screen;filter:contrast(1.08);animation:logoFloat 2.8s ease-in-out infinite}
@keyframes logoFloat{50%{transform:translateY(-10px) scale(1.03);filter:contrast(1.15) drop-shadow(0 0 28px rgba(0,102,255,.55))}}
.side-list{position:absolute;right:-4px;top:42px;display:flex;flex-direction:column;gap:9px;font-size:9px;letter-spacing:4px;color:#707b8e}.side-list i{width:35px;height:2px;background:var(--blue);margin-top:20px}.hero-caption{position:absolute;right:0;bottom:55px;font-size:8px;line-height:1.9;letter-spacing:1.7px;color:#788397}
.scroll-indicator{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:3px;color:#647084;display:flex;align-items:center;gap:8px}.scroll-indicator i{width:28px;height:1px;background:#0066ff}

.signature{border-top:1px solid #2b3340;border-bottom:1px solid #2b3340;background:#080b11;padding:22px 0}.signature-inner{display:flex;justify-content:center;align-items:center;gap:28px;font-size:11px;font-weight:800;letter-spacing:5px}.signature b{color:var(--cyan);font-weight:400}

.intro{background:var(--white);color:#11151d;padding:118px 0 138px}.section-kicker{font-size:9px;letter-spacing:3.2px;color:#6e7785;font-weight:800}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:35px;align-items:start}.intro h2,.section-head h2,.process h2,.contact h2{font-size:clamp(42px,5.2vw,70px);line-height:.98;letter-spacing:-3.5px}.intro h2 strong{font-weight:600;color:#687286}.intro-grid>div{padding-top:5px}.intro-grid p{font-size:16px;color:#677184;line-height:1.85;margin-bottom:20px;max-width:620px}

.solutions{background:#080b11;padding:125px 0;overflow:hidden}.section-head{display:grid;grid-template-columns:1fr .55fr;gap:70px;align-items:end;margin-bottom:70px}.section-head h2{margin-top:22px}.section-head h2 strong{color:#6f7d93;font-weight:500}.section-head>p{color:#7e899b;font-size:14px;line-height:1.8}
.solutions-carousel{width:calc(100vw - 96px);margin-left:calc((100% - 100vw)/2 + 48px);margin-right:48px}.solutions-viewport{width:100%;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;touch-action:pan-x;overscroll-behavior-x:contain}.solutions-viewport::-webkit-scrollbar{display:none}.solutions-viewport.is-dragging{cursor:grabbing}.solutions-track{display:flex;gap:0;width:max-content}
.solution-card{flex:0 0 clamp(300px,24vw,360px);min-height:395px;padding:26px 26px 76px;border-top:1px solid #273142;border-right:1px solid #273142;background:#080b11;position:relative;overflow:visible;transition:.35s}.solution-card:first-child{border-left:1px solid #273142}.solution-card:before{content:"";position:absolute;left:0;right:0;top:-2px;height:3px;background:linear-gradient(90deg,#0066ff,#00d1ff);transform:scaleX(0);transform-origin:left;transition:.35s}.solution-card:after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.3),transparent 68%);opacity:0;transition:.35s;pointer-events:none}.solution-card:hover{background:linear-gradient(145deg,#0d1a31,#080b11 70%);border-color:#31547e;box-shadow:inset 0 0 80px rgba(0,102,255,.08),0 18px 45px rgba(0,0,0,.28);transform:translateY(-7px);z-index:3}.solution-card:hover:before{transform:scaleX(1)}.solution-card:hover:after{opacity:1}.solution-card>span{font-size:9px;color:#667184;letter-spacing:1px}.solution-card .icon{font-size:31px;color:#00d1ff;margin:48px 0 23px;transition:.35s;position:relative;z-index:4}.solution-card:hover .icon{transform:translate3d(8px,-8px,0) scale(1.08) rotate(5deg);text-shadow:0 0 18px rgba(0,209,255,.75)}.solution-card h3{font-size:22px}.solution-card p{font-size:12px;color:#737e90;line-height:1.7;margin-top:12px;max-width:245px}.solution-card a{position:absolute;left:26px;bottom:25px;font-size:9px;letter-spacing:1.5px;font-weight:800;color:#9ca6b6}.solution-card a b{color:#0066ff;margin-left:13px}
.carousel-bottom{width:calc(100vw - 96px);margin:18px 0 0;padding:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;color:#657185;font-size:9px;letter-spacing:1.8px}.carousel-bottom b{color:#fff}.drag-hint{text-align:center;color:#4f5d71}.carousel-progress{height:2px;background:#202b3b;width:160px;justify-self:end;overflow:hidden}.carousel-progress i{display:block;height:100%;width:8%;background:linear-gradient(90deg,#0066ff,#00d1ff);box-shadow:0 0 10px #0066ff}
.process{background:linear-gradient(135deg,#0e1729,#080b11);padding:115px 0}.process-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.process h2{margin-top:24px}.process h2 strong{color:#00d1ff;font-weight:600}.process-title p{color:#7f8999;line-height:1.8;font-size:13px;margin-top:25px;max-width:360px}.steps{border-top:1px solid #303c4e}.steps>div{display:grid;grid-template-columns:55px 1fr;gap:10px;padding:25px 0;border-bottom:1px solid #303c4e}.steps b{font-size:10px;color:#0066ff}.steps h3{font-size:18px}.steps p{font-size:11px;color:#7d8797;margin-top:5px}
.numbers{background:#05070b;padding:95px 0}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #232b38;border-bottom:1px solid #232b38}.number-grid>div{padding:30px 22px 35px 0;border-right:1px solid #232b38}.number-grid>div+div{padding-left:22px}.number-grid>div:last-child{border-right:0}.number-grid strong{display:block;font-size:45px}.number-grid span{font-size:10px;letter-spacing:2px;color:#00d1ff;text-transform:uppercase}.number-grid p{font-size:11px;color:#707b8d;line-height:1.5;margin-top:14px}
.contact{background:linear-gradient(125deg,#0b1321,#05070b);padding:125px 0;border-top:1px solid #182235}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact h2{margin:25px 0}.contact h2 strong{color:#6f7e95;font-weight:500}.contact-grid>div>p{color:#7d8797;font-size:14px;line-height:1.8;max-width:470px}.contact-card{align-self:end;border:1px solid #273348;padding:28px;background:rgba(7,11,18,.7)}.contact-card>span{font-size:9px;letter-spacing:2px;color:#6f7b8f}.contact-card a{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:clamp(17px,2.1vw,26px);font-weight:600;margin:23px 0}.contact-card a b{color:#00d1ff;font-size:22px}.contact-line{height:1px;background:linear-gradient(90deg,#0066ff,transparent);margin:25px 0}.contact-card small{font-size:9px;letter-spacing:1.5px;color:#687488}
.footer{height:85px;display:flex;align-items:center;justify-content:space-between;color:#647084;font-size:9px;letter-spacing:1.5px}.footer img{width:90px;height:32px;object-fit:contain}
@media(max-width:850px){.nav nav{gap:15px}.hero-content{grid-template-columns:1fr}.hero{min-height:900px}.hero-mark{height:380px}.hero-logo{width:360px;height:145px}.intro-grid,.section-head,.process-box,.contact-grid{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}.number-grid{grid-template-columns:1fr 1fr}.solutions-carousel{width:calc(100vw - 44px);margin-left:calc((100% - 100vw)/2 + 22px);margin-right:22px}.carousel-bottom{width:calc(100vw - 44px)}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.header{height:70px}.menu{display:block}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#070a10;padding:18px 15px;flex-direction:column;align-items:stretch;border-bottom:1px solid #243044}.nav nav.open{display:flex}.hero{min-height:850px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-mark{height:330px}.hero-logo{width:310px;height:125px}.signature-inner{gap:12px;font-size:8px;letter-spacing:2px}.solution-card{flex-basis:84vw;min-height:360px}.solutions-carousel{width:calc(100vw - 28px);margin-left:calc((100% - 100vw)/2 + 14px);margin-right:14px}.carousel-bottom{width:calc(100vw - 28px);grid-template-columns:auto 1fr}.carousel-progress{width:95px}.footer{height:auto;min-height:85px;flex-wrap:wrap;padding:20px 0;gap:15px}}

/* ===== PERFORMANCE / ANIMAÇÃO OTIMIZADA ===== */

/* Header logo: zero clipping */
.brand,
.brand img{
  overflow:visible !important;
}

/* Keep animated layers on their own compositor layers */
.aurora,.ring,.logo-orbit,.logo-glow,.hero-logo,.tech-grid,.hud,.scan,.hero:before{
  will-change:transform,opacity;
  transform:translateZ(0);
  backface-visibility:hidden;
}

/* The grid is intentionally slower and lighter */
.tech-grid{
  animation-duration:4s !important;
  opacity:.65;
}

/* Fewer expensive glow calculations */
.logo-glow{
  filter:blur(42px) !important;
}
.aurora{
  filter:blur(24px) !important;
}

/* Avoid expensive continuous filter changes on the logo */
.hero-logo{
  filter:contrast(1.08) drop-shadow(0 0 14px rgba(0,102,255,.28)) !important;
  animation:logoFloatSmooth 4.5s ease-in-out infinite !important;
}
@keyframes logoFloatSmooth{
  0%,100%{transform:translate3d(0,5px,0) scale(.99)}
  50%{transform:translate3d(0,-8px,0) scale(1.015)}
}

/* Smoother rings */
.ring1{animation-duration:14s !important}
.ring2{animation-duration:18s !important}
.ring3{animation-duration:5s !important}

/* Don't animate a huge scan layer across the entire page */


/* Mobile: reduce the amount of animated surface */
@media(max-width:850px){
  .hero-logo{width:380px !important;height:150px !important}
  .tech-grid{opacity:.35}
  .hud{opacity:.45}
}
@media(max-width:600px){
  .hero-logo{width:320px !important;height:130px !important}
  .tech-grid{display:none}
  .hud.h2,.hud.h3{display:none}
}

/* Carrossel: scroll livre; hover bloqueado durante wheel/arraste */
body.no-card-hover .solution-card:hover{
  background:#080b11 !important;
  border-color:#273142 !important;
  box-shadow:none !important;
  transform:none !important;
}
body.no-card-hover .solution-card:hover:before{transform:scaleX(0) !important}
body.no-card-hover .solution-card:hover:after{opacity:0 !important}
body.no-card-hover .solution-card:hover .icon{transform:none !important;text-shadow:none !important}

/* ===== NOVO PROCESSO ===== */
.process{
  background:radial-gradient(circle at 78% 18%,rgba(0,102,255,.10),transparent 30%),linear-gradient(135deg,#0b1425,#070a10 68%);
  padding:125px 0 135px;
  overflow:hidden;
}
.process-box{
  display:grid;
  grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);
  gap:90px;
  align-items:start;
}
.process-title{position:sticky;top:120px}
.process h2{font-size:clamp(50px,6vw,78px);line-height:.92;letter-spacing:-4px}
.process h2 strong{color:#00d1ff;font-weight:700}
.process-title p{max-width:390px;margin-top:28px;color:#7f8da3;font-size:14px;line-height:1.8}
.steps{position:relative;border:0;display:grid;gap:12px}
.steps:before{content:"";position:absolute;left:28px;top:30px;bottom:30px;width:1px;background:linear-gradient(#0066ff,#24334b,transparent)}
.steps>div{
  position:relative;display:grid;grid-template-columns:58px 1fr;gap:22px;
  min-height:122px;padding:26px 28px 25px 0;border:1px solid #243247;
  background:rgba(7,11,18,.62);
  transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
.steps>div:hover{transform:translateX(7px);border-color:#31547e;background:linear-gradient(100deg,rgba(0,102,255,.11),rgba(7,11,18,.75));box-shadow:0 15px 40px rgba(0,0,0,.18)}
.steps>div>b{display:flex;align-items:flex-start;justify-content:center;width:58px;height:58px;padding-top:21px;color:#00aaff;font-size:10px;font-weight:800;position:relative;z-index:2}
.steps>div>b:before{content:"";position:absolute;width:8px;height:8px;border:2px solid #00d1ff;background:#08101c;border-radius:50%;left:25px;top:5px;box-shadow:0 0 14px rgba(0,209,255,.45)}
.steps h3{font-size:20px;margin:2px 0 9px}
.steps p{max-width:520px;color:#7d8ba0;font-size:12px;line-height:1.7;margin:0}
@media(max-width:850px){.process-box{grid-template-columns:1fr;gap:55px}.process-title{position:relative;top:auto}}
@media(max-width:600px){.process{padding:90px 0}.process-box{gap:40px}.process h2{font-size:50px}.steps>div{grid-template-columns:48px 1fr;padding-right:18px}.steps>div>b{width:48px}.steps>div>b:before{left:20px}}

/* ===== PROCESSO — MODELO SIMPLES ===== */
.process{
  background:#080b11;
  padding:120px 0 125px;
  border-top:1px solid #172131;
}
.process-simple-head{
  max-width:850px;
  margin-bottom:62px;
}
.process-simple-head h2{
  margin-top:20px;
  font-size:clamp(52px,6vw,78px);
  line-height:.94;
  letter-spacing:-4px;
}
.process-simple-head h2 strong{
  color:#00d1ff;
  font-weight:600;
}
.process-simple-head p{
  max-width:570px;
  margin-top:25px;
  color:#778398;
  font-size:14px;
  line-height:1.8;
}
.process-simple-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  border-top:1px solid #273142;
  border-bottom:1px solid #273142;
}
.process-simple-grid article{
  min-height:270px;
  padding:25px 25px 30px;
  border-right:1px solid #273142;
  position:relative;
  transition:background .3s ease,border-color .3s ease,transform .3s ease;
}
.process-simple-grid article:first-child{border-left:1px solid #273142}
.process-simple-grid article:last-child{border-right:1px solid #273142}
.process-simple-grid article:hover{
  background:linear-gradient(160deg,rgba(0,102,255,.12),rgba(8,11,17,0));
  transform:translateY(-4px);
  border-color:#31547e;
}
.process-simple-grid article span{
  color:#0066ff;
  font-size:10px;
  font-weight:800;
  letter-spacing:2px;
}
.process-simple-grid h3{
  margin-top:85px;
  font-size:20px;
}
.process-simple-grid p{
  margin-top:12px;
  color:#737f92;
  font-size:11px;
  line-height:1.7;
  max-width:190px;
}
@media(max-width:950px){
  .process-simple-grid{grid-template-columns:repeat(3,1fr)}
  .process-simple-grid article:nth-child(3){border-right:1px solid #273142}
}
@media(max-width:600px){
  .process{padding:90px 0}
  .process-simple-head h2{font-size:50px}
  .process-simple-grid{grid-template-columns:1fr 1fr}
  .process-simple-grid article{min-height:220px;padding:20px}
  .process-simple-grid h3{margin-top:55px;font-size:17px}
  .process-simple-grid article:nth-child(3){border-right:1px solid #273142}
}

/* ===== CARROSSEL ARRASTÁVEL ===== */
#solutionsViewport{
  cursor:grab !important;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  touch-action:pan-x;
  scroll-behavior:auto !important;
  scrollbar-width:none;
}
#solutionsViewport::-webkit-scrollbar{display:none}
#solutionsViewport.is-dragging{
  cursor:grabbing !important;
}
#solutionsViewport.is-dragging *{
  cursor:grabbing !important;
}
body.carousel-dragging{
  cursor:grabbing !important;
  user-select:none !important;
}
body.carousel-dragging *{
  user-select:none !important;
}
body.carousel-dragging .solution-card:hover{
  transform:none !important;
  box-shadow:none !important;
}
.solution-card{
  cursor:grab !important;
}
#solutionsViewport.is-dragging .solution-card{
  cursor:grabbing !important;
}

/* Drag real: não depende da barra de rolagem */
#solutionsViewport{
  cursor:grab !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  touch-action:pan-x !important;
  overflow-x:scroll !important;
  scroll-behavior:auto !important;
  scrollbar-width:none !important;
}
#solutionsViewport::-webkit-scrollbar{display:none!important}
#solutionsViewport.is-dragging,
#solutionsViewport.is-dragging *{
  cursor:grabbing !important;
}
body.carousel-dragging,
body.carousel-dragging *{
  user-select:none !important;
}
.solution-card{
  cursor:grab !important;
}
#solutionsViewport.is-dragging .solution-card{
  cursor:grabbing !important;
}

/* WhatsApp no card de contato */
.contact-card .contact-link{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:clamp(17px,2.1vw,26px);font-weight:600;margin:23px 0}.contact-card .contact-link b{color:#00d1ff;font-size:22px}.contact-card .whatsapp-link{margin-top:0;font-size:18px}.contact-card .whatsapp-link b{font-size:20px}.contact-card .whatsapp-link:hover{color:#fff}.contact-card .whatsapp-link:hover b{transform:translate(3px,-3px);transition:transform .25s ease}

/* Seta do e-mail: microanimação de interação */
.contact-card a:hover b{
  animation:contactArrow .65s ease-in-out infinite alternate;
}
@keyframes contactArrow{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(5px,-5px,0)}
}

/* Rodapé / política */
.footer-legal{
  display:flex;
  align-items:center;
  gap:22px;
}
.footer-legal a{
  color:#69758a;
  transition:color .25s ease;
}
.footer-legal a:hover{
  color:#00d1ff;
}
.footer-rights{
  color:#596579;
}
@media(max-width:600px){
  .footer-legal{
    width:100%;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
  }
}

/* =========================================================
   OPERAÇÃO — ECOSSISTEMA ANIMADO
   ========================================================= */
.operation{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:
    radial-gradient(circle at 75% 50%,rgba(0,102,255,.09),transparent 31%),
    #070a10;
  border-top:1px solid #182437;
  border-bottom:1px solid #182437;
}
.operation-wrap{
  min-height:620px;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  align-items:center;
  gap:50px;
}
.operation-copy{
  position:relative;
  z-index:4;
}
.operation-copy h2{
  margin-top:20px;
  font-size:clamp(48px,5.8vw,78px);
  line-height:.93;
  letter-spacing:-4px;
}
.operation-copy h2 strong{
  color:#00d1ff;
  font-weight:600;
}
.operation-copy p{
  max-width:430px;
  margin-top:27px;
  color:#748197;
  font-size:13px;
  line-height:1.85;
}
.operation-visual{
  height:500px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
}
.operation-visual:before{
  content:"";
  position:absolute;
  width:430px;
  height:430px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,102,255,.13),rgba(0,102,255,.035) 43%,transparent 68%);
  filter:blur(8px);
  animation:opPulse 4s ease-in-out infinite;
}
.op-orbit{
  position:absolute;
  border:1px solid rgba(54,82,118,.48);
  border-radius:50%;
  transform:rotate(-18deg);
}
.op-orbit-1{width:300px;height:300px;animation:opRotate 20s linear infinite}
.op-orbit-2{width:410px;height:250px;animation:opRotateReverse 26s linear infinite}
.op-orbit-3{width:470px;height:470px;border-color:rgba(0,102,255,.25);animation:opRotate 34s linear infinite}
.op-orbit:after{
  content:"";
  position:absolute;
  width:5px;height:5px;
  border-radius:50%;
  background:#00d1ff;
  box-shadow:0 0 16px #00d1ff;
}
.op-orbit-1:after{top:19px;left:74%}
.op-orbit-2:after{right:9%;top:58%}
.op-orbit-3:after{left:22%;bottom:8%}

.op-scan{
  position:absolute;
  width:470px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,209,255,.8),transparent);
  filter:blur(.2px);
  animation:opScan 4.5s ease-in-out infinite;
  z-index:1;
}
.op-center{
  width:154px;
  height:154px;
  border-radius:50%;
  position:relative;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle at 40% 35%,#111d31,#060a11 70%);
  border:1px solid #3a5b83;
  box-shadow:0 0 0 9px rgba(0,102,255,.035),0 0 70px rgba(0,102,255,.18);
  animation:opFloat 4s ease-in-out infinite;
}
.op-center:before{
  content:"";
  position:absolute;
  inset:-9px;
  border:1px solid rgba(0,209,255,.18);
  border-radius:50%;
  animation:opCenterPulse 2.8s ease-out infinite;
}
.op-center-ring{
  position:absolute;
  inset:10px;
  border:1px dashed rgba(0,209,255,.3);
  border-radius:50%;
  animation:opRotate 9s linear infinite;
}
.op-center strong{
  font-size:29px;
  letter-spacing:-1px;
}
.op-center span{
  margin-top:3px;
  color:#00d1ff;
  font-size:7px;
  letter-spacing:3px;
  font-weight:800;
}
.op-node{
  position:absolute;
  z-index:6;
  min-width:110px;
  padding:13px 16px;
  background:rgba(7,11,18,.88);
  border:1px solid #25364d;
  box-shadow:0 12px 35px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
  transition:transform .35s ease,border-color .35s ease,background .35s ease;
  animation:opNodeFloat 5s ease-in-out infinite;
}
.op-node:hover{
  transform:translateY(-5px) scale(1.035);
  border-color:#00aaff;
  background:rgba(5,15,27,.96);
}
.op-node span{
  display:block;
  color:#00aaff;
  font-size:8px;
  letter-spacing:2px;
  margin-bottom:5px;
}
.op-node b{
  font-size:12px;
  font-weight:700;
}
.op-node-a{top:70px;left:10%;animation-delay:-.5s}
.op-node-b{top:31%;right:2%;animation-delay:-1.8s}
.op-node-c{bottom:65px;right:16%;animation-delay:-3s}
.op-node-d{bottom:19%;left:2%;animation-delay:-4s}

.operation-glow{
  position:absolute;
  width:320px;height:320px;
  border-radius:50%;
  filter:blur(70px);
  pointer-events:none;
  opacity:.08;
}
.operation-glow-a{right:5%;top:10%;background:#0066ff;animation:opGlow 8s ease-in-out infinite}
.operation-glow-b{left:-8%;bottom:-20%;background:#00d1ff;animation:opGlow 10s ease-in-out infinite reverse}

@keyframes opRotate{to{transform:rotate(342deg)}}
@keyframes opRotateReverse{to{transform:rotate(-378deg)}}
@keyframes opPulse{0%,100%{transform:scale(.88);opacity:.65}50%{transform:scale(1.05);opacity:1}}
@keyframes opFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes opNodeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes opScan{0%,100%{transform:translateY(-170px);opacity:0}20%{opacity:.7}50%{transform:translateY(170px);opacity:.35}75%{opacity:0}}
@keyframes opCenterPulse{0%{transform:scale(.9);opacity:.7}70%,100%{transform:scale(1.18);opacity:0}}
@keyframes opGlow{0%,100%{transform:translate(0,0) scale(.9)}50%{transform:translate(50px,-35px) scale(1.15)}}

@media(max-width:900px){
  .operation-wrap{grid-template-columns:1fr;gap:0;padding-top:85px;padding-bottom:70px}
  .operation{min-height:auto}
  .operation-wrap{min-height:auto}
  .operation-copy{text-align:center}
  .operation-copy p{margin-left:auto;margin-right:auto}
  .operation-visual{height:470px;margin-top:15px}
}
@media(max-width:560px){
  .operation-copy h2{font-size:50px;letter-spacing:-2.5px}
  .operation-visual{height:390px}
  .op-orbit-1{width:230px;height:230px}
  .op-orbit-2{width:315px;height:190px}
  .op-orbit-3{width:360px;height:360px}
  .op-center{width:125px;height:125px}
  .op-center strong{font-size:24px}
  .op-node{min-width:90px;padding:10px 12px}
  .op-node-a{top:35px;left:1%}
  .op-node-b{top:29%;right:-2%}
  .op-node-c{bottom:35px;right:5%}
  .op-node-d{bottom:15%;left:-2%}
}
@media(prefers-reduced-motion:reduce){
  .operation *{animation:none !important}
}

/* =========================================================
   RHG — SEÇÃO DIGITAL / FUNDO CLARO + ANIMAÇÕES
   ========================================================= */
.digital-system{
  position:relative;
  overflow:hidden;
  background:#f4f6f8 !important;
  color:#0a0d14 !important;
  border-top:1px solid #d9dee6;
  border-bottom:1px solid #d9dee6;
}

/* fundo tecnológico claro */
.digital-system:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.55;
  background:
    linear-gradient(rgba(0,102,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,102,255,.055) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
  animation:lightGridMove 14s linear infinite;
}
@keyframes lightGridMove{
  from{background-position:0 0,0 0}
  to{background-position:58px 58px,-58px -58px}
}

/* halos em movimento */
.digital-system:after{
  content:"";
  position:absolute;
  width:720px;
  height:720px;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(0,102,255,.13) 0%,rgba(0,209,255,.055) 27%,transparent 68%);
  animation:systemPulse 5s ease-in-out infinite;
}
@keyframes systemPulse{
  0%,100%{transform:translate(-50%,-50%) scale(.82);opacity:.65}
  50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}
}

/* mantém conteúdo acima */
.digital-system>*{
  position:relative;
  z-index:2;
}

/* núcleo central */
.digital-system .system-core{
  background:rgba(255,255,255,.78) !important;
  border:1px solid #cdd5df !important;
  box-shadow:
    0 30px 80px rgba(17,38,70,.12),
    inset 0 0 40px rgba(0,102,255,.04);
  backdrop-filter:blur(8px);
  animation:coreFloat 4s ease-in-out infinite;
}
@keyframes coreFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-9px) scale(1.015)}
}

/* logo/núcleo com brilho pulsante */
.digital-system .system-logo{
  animation:logoPulse 2.8s ease-in-out infinite;
}
@keyframes logoPulse{
  0%,100%{filter:drop-shadow(0 0 0 rgba(0,102,255,0))}
  50%{filter:drop-shadow(0 0 20px rgba(0,140,255,.34))}
}

/* anéis com velocidades diferentes */
.digital-system .orbit{
  border-color:rgba(0,102,255,.22) !important;
  animation:orbitSpin 10s linear infinite;
}
.digital-system .orbit:nth-child(2){
  animation-duration:15s;
  animation-direction:reverse;
  border-color:rgba(0,209,255,.25) !important;
}
.digital-system .orbit:nth-child(3){
  animation-duration:22s;
  border-color:rgba(0,102,255,.12) !important;
}
@keyframes orbitSpin{
  to{transform:rotate(360deg)}
}

/* pontos luminosos orbitando */
.digital-system .orbit-dot{
  animation:dotOrbit 3s ease-in-out infinite;
  box-shadow:0 0 0 4px rgba(0,102,255,.08),0 0 20px rgba(0,140,255,.55);
}
.digital-system .orbit-dot:nth-child(2){animation-delay:-1s}
.digital-system .orbit-dot:nth-child(3){animation-delay:-2s}
@keyframes dotOrbit{
  0%,100%{transform:scale(.75);opacity:.45}
  50%{transform:scale(1.35);opacity:1}
}

/* linhas conectando os elementos */
.digital-system .connection{
  background:linear-gradient(90deg,transparent,#00aaff,#0066ff,transparent) !important;
  background-size:200% 100%;
  animation:connectionFlow 2.4s linear infinite;
}
@keyframes connectionFlow{
  from{background-position:200% 0}
  to{background-position:-200% 0}
}

/* scanner */
.digital-system .scanner{
  background:linear-gradient(90deg,transparent,rgba(0,140,255,.0),rgba(0,140,255,.75),rgba(0,209,255,.2),transparent) !important;
  box-shadow:0 0 18px rgba(0,140,255,.28);
  animation:scannerMove 4s ease-in-out infinite;
}
@keyframes scannerMove{
  0%{transform:translateX(-55%);opacity:0}
  15%{opacity:1}
  50%{transform:translateX(55%);opacity:.8}
  85%{opacity:1}
  100%{transform:translateX(155%);opacity:0}
}

/* cards de dados */
.digital-system .system-card{
  background:rgba(255,255,255,.74) !important;
  color:#0a0d14 !important;
  border:1px solid #d2dae4 !important;
  box-shadow:0 14px 35px rgba(17,38,70,.06);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
  animation:cardBreath 4s ease-in-out infinite;
}
.digital-system .system-card:nth-of-type(2){animation-delay:-1.2s}
.digital-system .system-card:nth-of-type(3){animation-delay:-2.4s}
.digital-system .system-card:nth-of-type(4){animation-delay:-3.1s}
.digital-system .system-card:hover{
  transform:translateY(-10px) scale(1.025) !important;
  border-color:#0066ff !important;
  box-shadow:0 25px 55px rgba(0,102,255,.14),0 0 0 1px rgba(0,102,255,.08);
}
@keyframes cardBreath{
  0%,100%{box-shadow:0 14px 35px rgba(17,38,70,.05)}
  50%{box-shadow:0 20px 45px rgba(0,102,255,.09)}
}

/* números com efeito de atualização */
.digital-system .metric{
  animation:metricBlink 3s ease-in-out infinite;
}
@keyframes metricBlink{
  0%,100%{opacity:.65}
  50%{opacity:1;color:#0066ff}
}

/* acessibilidade */
@media(prefers-reduced-motion:reduce){
  .digital-system *,
  .digital-system:before,
  .digital-system:after{
    animation:none !important;
    transition:none !important;
  }
}
@media(max-width:700px){
  .digital-system:after{width:500px;height:500px}
  .digital-system:before{background-size:42px 42px}
}

/* =========================================================
   OPERAÇÃO RHG — FUNDO CLARO / ANIMAÇÃO INTENSA
   ========================================================= */

/* Esta é a seção correta: .operation */
.operation{
  position:relative !important;
  min-height:680px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 76% 50%,rgba(0,102,255,.10),transparent 25%),
    linear-gradient(135deg,#f8fafc 0%,#eef2f6 100%) !important;
  color:#0a0d14 !important;
  border-top:1px solid #d7dee7 !important;
  border-bottom:1px solid #d7dee7 !important;
}

/* grid tecnológico em movimento */
.operation:before{
  content:"";
  position:absolute;
  inset:-80px;
  pointer-events:none;
  opacity:.5;
  background:
    linear-gradient(rgba(0,102,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,102,255,.055) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to right,transparent 0%,#000 22%,#000 80%,transparent 100%);
  animation:operationGrid 12s linear infinite;
}
@keyframes operationGrid{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(52px,52px,0)}
}

/* grande luz que atravessa o fundo */
.operation:after{
  content:"";
  position:absolute;
  width:900px;
  height:180px;
  left:45%;
  top:48%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(0,102,255,.035),rgba(0,209,255,.16),rgba(0,102,255,.035),transparent);
  filter:blur(25px);
  transform:translate(-50%,-50%) rotate(-18deg);
  animation:operationBeam 6s ease-in-out infinite;
}
@keyframes operationBeam{
  0%,100%{transform:translate(-70%,-50%) rotate(-18deg);opacity:.2}
  50%{transform:translate(20%,-50%) rotate(-18deg);opacity:.9}
}

.operation .container,
.operation-wrap{
  position:relative;
  z-index:3;
}

.operation-copy h2{
  color:#0a0d14 !important;
}
.operation-copy h2 strong{
  color:#0066ff !important;
}
.operation-copy p{
  color:#637187 !important;
}
.operation .section-kicker{
  color:#0066ff !important;
}

/* visual */
.operation-visual{
  min-height:540px !important;
  height:540px !important;
  isolation:isolate;
}

/* halo central pulsando */
.operation-visual:before{
  width:470px !important;
  height:470px !important;
  background:
    radial-gradient(circle,
      rgba(0,102,255,.17) 0%,
      rgba(0,209,255,.08) 22%,
      rgba(0,102,255,.035) 48%,
      transparent 70%) !important;
  filter:blur(3px) !important;
  animation:operationHalo 3.8s ease-in-out infinite !important;
}
@keyframes operationHalo{
  0%,100%{transform:scale(.78);opacity:.55}
  50%{transform:scale(1.16);opacity:1}
}

/* anéis */
.operation .op-orbit{
  border-color:rgba(0,82,170,.22) !important;
  box-shadow:0 0 0 1px rgba(255,255,255,.35);
}
.operation .op-orbit-1{
  animation:opLightSpin1 12s linear infinite !important;
}
.operation .op-orbit-2{
  border-color:rgba(0,180,220,.30) !important;
  animation:opLightSpin2 18s linear infinite !important;
}
.operation .op-orbit-3{
  border-color:rgba(0,102,255,.28) !important;
  animation:opLightSpin3 26s linear infinite !important;
}
@keyframes opLightSpin1{
  to{transform:rotate(342deg)}
}
@keyframes opLightSpin2{
  to{transform:rotate(-378deg)}
}
@keyframes opLightSpin3{
  to{transform:rotate(360deg)}
}

/* nós / cards */
.operation .op-node{
  background:rgba(255,255,255,.88) !important;
  color:#0a0d14 !important;
  border:1px solid #c8d3df !important;
  box-shadow:
    0 12px 30px rgba(15,36,65,.10),
    inset 0 0 20px rgba(0,102,255,.025);
  backdrop-filter:blur(8px);
  transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease !important;
  animation:opNodeFloatLight 3.4s ease-in-out infinite !important;
}
.operation .op-node:nth-of-type(2){animation-delay:-.8s !important}
.operation .op-node:nth-of-type(3){animation-delay:-1.6s !important}
.operation .op-node:nth-of-type(4){animation-delay:-2.4s !important}
.operation .op-node:hover{
  transform:translateY(-9px) scale(1.06) !important;
  border-color:#0066ff !important;
  box-shadow:
    0 22px 45px rgba(0,102,255,.18),
    0 0 25px rgba(0,209,255,.10) !important;
}
.operation .op-node span{
  color:#0066ff !important;
}
.operation .op-node b{
  color:#111827 !important;
}
@keyframes opNodeFloatLight{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

/* núcleo */
.operation .op-center{
  background:
    radial-gradient(circle at 35% 28%,#ffffff,#eaf1f8 70%,#dce6ef) !important;
  border:1px solid #b8c7d7 !important;
  box-shadow:
    0 25px 60px rgba(12,42,80,.16),
    0 0 0 10px rgba(0,102,255,.035),
    0 0 55px rgba(0,102,255,.14) !important;
  animation:opCenterLight 3.2s ease-in-out infinite !important;
}
@keyframes opCenterLight{
  0%,100%{transform:scale(.96)}
  50%{transform:scale(1.045)}
}
.operation .op-center strong{
  color:#111827 !important;
}
.operation .op-center span{
  color:#0066ff !important;
}
.operation .op-center-ring{
  border-color:rgba(0,102,255,.42) !important;
  animation:opCenterRingLight 2.2s ease-out infinite !important;
}
@keyframes opCenterRingLight{
  0%{transform:scale(.82);opacity:1}
  100%{transform:scale(1.55);opacity:0}
}

/* scanner agora percorre a composição inteira */
.operation .op-scan{
  background:linear-gradient(
    90deg,
    transparent,
    rgba(0,102,255,0),
    rgba(0,102,255,.75),
    rgba(0,209,255,.45),
    rgba(0,102,255,0),
    transparent
  ) !important;
  height:2px !important;
  box-shadow:0 0 18px rgba(0,140,255,.45);
  animation:opScanLight 3.2s ease-in-out infinite !important;
}
@keyframes opScanLight{
  0%{transform:translateY(-210px);opacity:0}
  15%{opacity:1}
  50%{transform:translateY(210px);opacity:.75}
  85%{opacity:1}
  100%{transform:translateY(-210px);opacity:0}
}

/* pontos orbitais mais vivos */
.operation .op-orbit:after{
  background:#00bfff !important;
  box-shadow:0 0 8px #00bfff,0 0 22px rgba(0,191,255,.55) !important;
  animation:orbitDotPulse 1.8s ease-in-out infinite !important;
}
@keyframes orbitDotPulse{
  0%,100%{transform:scale(.6);opacity:.45}
  50%{transform:scale(1.7);opacity:1}
}

/* glows externos leves */
.operation .operation-glow{
  filter:blur(55px) !important;
  opacity:.12 !important;
}
.operation .operation-glow-a{
  background:#0066ff !important;
  animation:operationGlowA 7s ease-in-out infinite !important;
}
.operation .operation-glow-b{
  background:#00cfff !important;
  animation:operationGlowB 9s ease-in-out infinite !important;
}
@keyframes operationGlowA{
  0%,100%{transform:translate3d(0,0,0) scale(.8);opacity:.06}
  50%{transform:translate3d(-100px,40px,0) scale(1.2);opacity:.17}
}
@keyframes operationGlowB{
  0%,100%{transform:translate3d(0,0,0) scale(.8);opacity:.05}
  50%{transform:translate3d(100px,-50px,0) scale(1.25);opacity:.16}
}

@media(max-width:850px){
  .operation{min-height:auto !important}
  .operation-wrap{padding-top:90px;padding-bottom:80px}
  .operation-visual{height:500px !important;min-height:500px !important}
}
@media(max-width:560px){
  .operation-visual{height:410px !important;min-height:410px !important}
  .operation:after{width:600px}
}
@media(prefers-reduced-motion:reduce){
  .operation *,
  .operation:before,
  .operation:after{
    animation:none !important;
  }
}

/* =========================================================
   RHG FOOTER — PREMIUM / CLEAN
   ========================================================= */
.rhg-footer{
  position:relative;
  overflow:hidden;
  background:#05080d;
  color:#f5f7fa;
  border-top:1px solid #1d2939;
}
.rhg-footer-inner{
  position:relative;
  z-index:2;
  padding-top:92px;
}
.rhg-footer-glow{
  position:absolute;
  width:700px;height:420px;
  right:-180px;top:-190px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,102,255,.15),transparent 68%);
  filter:blur(20px);
  pointer-events:none;
  animation:footerGlow 8s ease-in-out infinite;
}
@keyframes footerGlow{
  0%,100%{transform:translate3d(0,0,0) scale(.9);opacity:.55}
  50%{transform:translate3d(-90px,55px,0) scale(1.1);opacity:1}
}
.rhg-footer-line{
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#0066ff,#00d1ff,transparent);
  opacity:.7;
}
.rhg-footer-cta{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:70px;
  padding-bottom:75px;
  border-bottom:1px solid #202d3e;
}
.rhg-footer-kicker{
  display:block;
  color:#718096;
  font-size:9px;
  font-weight:800;
  letter-spacing:3px;
}
.rhg-footer-cta h2{
  margin-top:20px;
  font-size:clamp(44px,5vw,72px);
  line-height:.94;
  letter-spacing:-3.5px;
}
.rhg-footer-cta h2 strong{
  color:#708096;
  font-weight:500;
}
.rhg-footer-cta p{
  max-width:560px;
  margin-top:24px;
  color:#728096;
  font-size:13px;
  line-height:1.8;
}
.rhg-footer-cta-btn{
  flex:none;
  min-width:220px;
  height:64px;
  padding:0 23px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid #34445a;
  background:linear-gradient(135deg,#0066ff,#008cff);
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:1px;
  box-shadow:0 15px 40px rgba(0,102,255,.16);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
.rhg-footer-cta-btn b{
  font-size:21px;
  font-weight:400;
  transition:transform .3s ease;
}
.rhg-footer-cta-btn:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 55px rgba(0,102,255,.3);
  border-color:#00d1ff;
}
.rhg-footer-cta-btn:hover b{transform:translate(5px,-5px)}

.rhg-footer-main{
  display:grid;
  grid-template-columns:1.7fr 1fr 1.25fr 1fr;
  gap:55px;
  padding:62px 0 58px;
  border-bottom:1px solid #202d3e;
}
.rhg-footer-brand img{
  width:105px;
  height:auto;
  object-fit:contain;
  margin-bottom:22px;
}
.rhg-footer-brand p{
  max-width:285px;
  color:#68768a;
  font-size:12px;
  line-height:1.75;
}
.rhg-footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
.rhg-footer-column>span{
  margin-bottom:7px;
  color:#4f6078;
  font-size:8px;
  font-weight:800;
  letter-spacing:2.5px;
}
.rhg-footer-column a{
  color:#8995a7;
  font-size:11px;
  transition:color .25s ease,transform .25s ease;
}
.rhg-footer-column a:hover{
  color:#00d1ff;
  transform:translateX(4px);
}
.rhg-footer-bottom{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  color:#4e5c70;
  font-size:9px;
}
.rhg-footer-signature{
  display:flex;
  align-items:center;
  gap:11px;
  font-size:8px;
  font-weight:800;
  letter-spacing:2px;
}
.rhg-footer-signature i{
  width:24px;height:1px;
  display:block;
  background:#00d1ff;
  box-shadow:0 0 10px rgba(0,209,255,.6);
}
.rhg-footer-signature em{
  color:#0066ff;
  font-style:normal;
}
@media(max-width:900px){
  .rhg-footer-main{grid-template-columns:1.5fr 1fr 1fr}
  .rhg-footer-brand{grid-column:1/-1}
}
@media(max-width:650px){
  .rhg-footer-inner{padding-top:65px}
  .rhg-footer-cta{
    flex-direction:column;
    align-items:flex-start;
    gap:35px;
    padding-bottom:55px;
  }
  .rhg-footer-cta h2{font-size:45px}
  .rhg-footer-cta-btn{width:100%}
  .rhg-footer-main{
    grid-template-columns:1fr 1fr;
    gap:45px 25px;
    padding:45px 0;
  }
  .rhg-footer-brand{grid-column:1/-1}
  .rhg-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
    padding:22px 0;
  }
}

/* =========================================================
   FOOTER — REPRODUÇÃO DO LAYOUT DA REFERÊNCIA
   ========================================================= */
.rhg-footer-reference{
  position:relative;
  background:#05080d;
  color:#fff;
  border-top:1px solid #202d3e;
  overflow:hidden;
}
.rhg-footer-reference-inner{
  width:min(1180px,calc(100% - 80px));
  margin:0 auto;
}
.rhg-footer-reference-top{
  min-height:225px;
  display:grid;
  grid-template-columns:1.65fr 1fr 1.25fr 1fr;
  align-items:start;
  column-gap:60px;
  padding:62px 0 48px;
  border-bottom:1px solid #202d3e;
}
.rhg-footer-brand-ref img{
  width:100px;
  height:auto;
  display:block;
  margin-bottom:28px;
}
.rhg-footer-brand-ref p{
  margin:0;
  color:#68768a;
  font-size:12px;
  line-height:1.75;
}
.rhg-footer-col-ref{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:15px;
}
.rhg-footer-col-ref>span{
  margin-bottom:8px;
  color:#52637a;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:2.7px;
}
.rhg-footer-col-ref a{
  color:#7b889a;
  font-size:11px;
  line-height:1.2;
  transition:color .22s ease,transform .22s ease;
}
.rhg-footer-col-ref a:hover{
  color:#00d1ff;
  transform:translateX(3px);
}
.rhg-footer-reference-bottom{
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.rhg-footer-reference-signature{
  display:flex;
  align-items:center;
  gap:11px;
  color:#637188;
  font-size:8px;
  line-height:1;
  font-weight:800;
  letter-spacing:2.3px;
}
.rhg-footer-reference-signature i{
  display:block;
  width:24px;
  height:1px;
  background:#00d1ff;
  box-shadow:0 0 9px rgba(0,209,255,.5);
}
.rhg-footer-reference-signature b{
  color:#0066ff;
  font-weight:400;
}
.rhg-footer-reference-rights{
  color:#4e5c70;
  font-size:9px;
  line-height:1;
}
@media(max-width:900px){
  .rhg-footer-reference-top{
    grid-template-columns:1.5fr 1fr 1fr;
    row-gap:45px;
  }
  .rhg-footer-brand-ref{
    grid-column:1/-1;
  }
}
@media(max-width:650px){
  .rhg-footer-reference-inner{
    width:calc(100% - 40px);
  }
  .rhg-footer-reference-top{
    grid-template-columns:1fr 1fr;
    column-gap:30px;
    padding:48px 0 40px;
  }
  .rhg-footer-brand-ref{
    grid-column:1/-1;
  }
  .rhg-footer-reference-bottom{
    min-height:105px;
    align-items:flex-start;
    justify-content:center;
    flex-direction:column;
    gap:16px;
    padding:20px 0;
  }
}

/* =========================================================
   RHG DIGITAL — MOBILE
   ========================================================= */
html{
  overflow-x:hidden;
}
body{
  overflow-x:hidden;
}

@media (max-width: 768px){

  /* ---------- HEADER ---------- */
  header,
  .header,
  nav{
    max-width:100%;
  }

  header{
    height:64px !important;
  }

  nav{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  nav ul,
  nav .nav-links,
  .nav-links{
    display:none !important;
  }

  /* Mobile menu button */
  .mobile-menu-toggle{
    display:flex !important;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    border:1px solid #253247;
    background:#070b11;
    color:#fff;
    cursor:pointer;
  }

  .mobile-menu-toggle span,
  .mobile-menu-toggle::before,
  .mobile-menu-toggle::after{
    content:"";
    display:block;
    width:17px;
    height:1px;
    background:#00d1ff;
    position:absolute;
  }
  .mobile-menu-toggle span{transform:translateY(0)}
  .mobile-menu-toggle::before{transform:translateY(-5px)}
  .mobile-menu-toggle::after{transform:translateY(5px)}

  /* ---------- GLOBAL CONTAINERS ---------- */
  .container{
    width:calc(100% - 36px) !important;
    max-width:none !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }

  section{
    overflow:hidden;
  }

  /* ---------- HERO ---------- */
  .hero{
    min-height:calc(100svh - 64px) !important;
    padding:70px 0 55px !important;
  }

  .hero .container{
    display:flex !important;
    flex-direction:column !important;
  }

  .hero h1{
    font-size:clamp(48px,14vw,76px) !important;
    line-height:.91 !important;
    letter-spacing:-3px !important;
  }

  .hero p{
    max-width:100% !important;
    font-size:13px !important;
    line-height:1.7 !important;
  }

  .hero-actions{
    flex-wrap:wrap;
    gap:12px !important;
  }

  .hero-actions a{
    min-height:48px;
  }

  .hero-visual{
    min-height:300px !important;
    margin-top:35px;
  }

  /* ---------- SOLUTIONS HEADER ---------- */
  .solutions,
  .solutions-section{
    padding:75px 0 !important;
  }

  .solutions-header,
  .solutions-intro{
    display:block !important;
  }

  .solutions h2{
    font-size:clamp(42px,12vw,62px) !important;
    line-height:.94 !important;
    letter-spacing:-2.5px !important;
  }

  /* ---------- HORIZONTAL CAROUSEL ---------- */
  #solutionsViewport{
    width:100% !important;
    margin-top:40px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:none;
  }

  #solutionsTrack{
    width:max-content !important;
    display:flex !important;
    gap:10px !important;
  }

  #solutionsTrack .solution-card{
    flex:0 0 min(78vw,330px) !important;
    min-width:min(78vw,330px) !important;
    height:400px !important;
  }

  /* On mobile use touch scrolling rather than the desktop mouse-drag layer. */
  #solutionsViewport{
    touch-action:pan-x !important;
    cursor:grab !important;
  }

  #solutionsViewport .solution-card{
    user-select:none;
  }

  .solution-card h3{
    font-size:21px !important;
  }

  .solution-card p{
    font-size:12px !important;
    line-height:1.65 !important;
  }

  /* ---------- PROCESS ---------- */
  .process,
  .process-section{
    padding:80px 0 !important;
  }

  .process-wrap,
  .process-grid,
  .process-content{
    display:block !important;
  }

  .process h2{
    font-size:clamp(46px,13vw,68px) !important;
    line-height:.92 !important;
    letter-spacing:-3px !important;
  }

  .process-list{
    margin-top:45px !important;
  }

  .process-item{
    padding:24px 0 !important;
    grid-template-columns:42px 1fr !important;
  }

  .process-item h3{
    font-size:20px !important;
  }

  .process-item p{
    font-size:12px !important;
    line-height:1.65 !important;
  }

  /* ---------- OPERATION / ANIMATED SECTION ---------- */
  .operation{
    min-height:auto !important;
    padding:75px 0 !important;
  }

  .operation-wrap{
    width:calc(100% - 36px) !important;
    margin:auto !important;
    padding:0 !important;
  }

  .operation-copy h2{
    font-size:clamp(46px,13vw,70px) !important;
    line-height:.91 !important;
    letter-spacing:-3px !important;
  }

  .operation-copy p{
    max-width:100% !important;
    font-size:13px !important;
    line-height:1.7 !important;
  }

  .operation-visual{
    width:100% !important;
    height:420px !important;
    min-height:420px !important;
    margin-top:25px !important;
    transform:scale(.82);
    transform-origin:center;
  }

  .operation .op-node{
    transform-origin:center;
  }

  /* Keep orbit animation visible without making the layout overflow. */
  .operation:after{
    width:620px !important;
    height:130px !important;
  }

  /* ---------- FOOTER ---------- */
  .rhg-footer-reference-inner{
    width:calc(100% - 36px) !important;
  }

  .rhg-footer-reference-top{
    grid-template-columns:1fr 1fr !important;
    gap:35px 24px !important;
    padding:48px 0 40px !important;
  }

  .rhg-footer-brand-ref{
    grid-column:1 / -1 !important;
  }

  .rhg-footer-brand-ref img{
    width:92px !important;
  }

  .rhg-footer-brand-ref p{
    font-size:12px !important;
  }

  .rhg-footer-col-ref a{
    font-size:11px !important;
  }

  .rhg-footer-reference-bottom{
    min-height:110px !important;
    padding:20px 0 !important;
    align-items:flex-start !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:15px !important;
  }

  .rhg-footer-reference-signature{
    flex-wrap:wrap;
    row-gap:8px;
    font-size:7px !important;
    letter-spacing:1.7px !important;
  }

  .rhg-footer-reference-rights{
    font-size:8px !important;
  }

  /* ---------- PRIVACY ---------- */
  .policy-wrap{
    width:calc(100% - 36px) !important;
    padding:60px 0 75px !important;
  }

  .policy-page h1{
    font-size:48px !important;
    letter-spacing:-2.5px !important;
  }

  .policy-section p,
  .policy-section li{
    font-size:12px !important;
  }
}

/* Small phones */
@media (max-width:420px){

  .container{
    width:calc(100% - 28px) !important;
  }

  .hero h1,
  .solutions h2,
  .process h2,
  .operation-copy h2{
    letter-spacing:-2.4px !important;
  }

  #solutionsTrack .solution-card{
    flex-basis:82vw !important;
    min-width:82vw !important;
  }

  .operation-visual{
    transform:scale(.70);
    margin-left:-15% !important;
    margin-right:-15% !important;
    width:130% !important;
  }

  .rhg-footer-reference-inner{
    width:calc(100% - 28px) !important;
  }

  .rhg-footer-reference-top{
    grid-template-columns:1fr !important;
  }

  .rhg-footer-brand-ref,
  .rhg-footer-col-ref{
    grid-column:auto !important;
  }
}

/* Desktop-only mobile button */
.mobile-menu-toggle{
  display:none;
}

/* Mobile navigation overlay */
.mobile-menu{
  display:none;
}
@media(max-width:768px){
  .mobile-menu{
    position:fixed;
    inset:64px 0 0;
    z-index:9998;
    background:rgba(5,8,13,.97);
    backdrop-filter:blur(15px);
    padding:35px 22px;
  }
  .mobile-menu.is-open{
    display:block;
  }
  .mobile-menu a{
    display:block;
    padding:18px 0;
    border-bottom:1px solid #202d3e;
    color:#fff;
    font-size:22px;
    font-weight:600;
  }
  .mobile-menu a:hover{
    color:#00d1ff;
  }
}


/* =========================================================
   WHATSAPP AUTOMATION DEMO — REAL WHATSAPP STYLE
   ========================================================= */
.whatsapp-demo{
  position:relative;
  overflow:hidden;
  background:#f4f6f8;
  padding:110px 0 125px;
  border-top:1px solid #e5e9ee;
}
.whatsapp-demo:before{
  content:"";
  position:absolute;
  width:760px;
  height:760px;
  right:-290px;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,168,132,.13),rgba(0,168,132,0) 67%);
  pointer-events:none;
}
.whatsapp-demo-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(430px,520px);
  align-items:center;
  gap:90px;
  position:relative;
  z-index:1;
}
.whatsapp-demo-copy .section-kicker{margin-bottom:22px;}
.whatsapp-demo-copy h2{
  margin:0;
  color:#0c1119;
  font-size:clamp(50px,5.2vw,76px);
  line-height:.91;
  letter-spacing:-4px;
  font-weight:500;
}
.whatsapp-demo-copy h2 strong{color:#667188;font-weight:500;}
.whatsapp-demo-copy>p{
  max-width:560px;
  margin:30px 0 0;
  color:#68768a;
  font-size:15px;
  line-height:1.9;
}
.whatsapp-demo-points{display:flex;flex-wrap:wrap;gap:11px 24px;margin-top:30px;}
.whatsapp-demo-points span{
  display:flex;align-items:center;gap:8px;color:#536177;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
}
.whatsapp-demo-points i{width:6px;height:6px;border-radius:50%;background:#00a884;box-shadow:0 0 10px rgba(0,168,132,.35);}

/* Window */
.whatsapp-demo-window{
  width:100%;
  height:650px;
  overflow:hidden;
  border-radius:18px;
  background:#efeae2;
  box-shadow:0 32px 75px rgba(15,23,42,.18),0 4px 18px rgba(15,23,42,.10);
  border:1px solid rgba(0,0,0,.09);
  position:relative;
  isolation:isolate;
}

/* WhatsApp top bar */
.wa-header{
  height:72px;
  flex:0 0 72px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:9px 15px 9px 10px;
  background:#008069;
  color:#fff;
  position:relative;
  z-index:3;
}
.wa-icon{border:0;background:none;color:#fff;padding:0;font:inherit;}
.wa-back{width:27px;font-size:35px;line-height:1;transform:translateY(-2px);cursor:default;}
.wa-avatar{
  width:45px;height:45px;flex:0 0 45px;border-radius:50%;display:grid;place-items:center;
  background:#dfe7e3;color:#52635d;font-weight:800;font-size:19px;overflow:hidden;
}
.wa-avatar span{display:block;transform:translateY(-1px);}
.wa-header-info{display:flex;flex-direction:column;min-width:0;flex:1;justify-content:center;}
.wa-header-info strong{font-size:15px;line-height:1.2;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wa-header-info span{margin-top:3px;font-size:11px;color:#d9efeb;}
.wa-header-actions{display:flex;align-items:center;gap:21px;height:100%;}
.wa-header-actions>span{position:relative;display:block;width:20px;height:22px;opacity:.98;}
.wa-menu{font-size:25px!important;line-height:18px!important;width:9px!important;transform:translateY(-2px);}
.wa-video:before{content:"";position:absolute;left:1px;top:4px;width:13px;height:11px;border:1.8px solid #fff;border-radius:2px;}
.wa-video:after{content:"";position:absolute;left:14px;top:7px;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;}
.wa-phone:before{content:"";position:absolute;left:4px;top:1px;width:12px;height:19px;border:2px solid #fff;border-top-color:transparent;border-left-color:transparent;border-radius:0 12px 12px 0;transform:rotate(-42deg);}
.wa-search:before{content:"";position:absolute;left:1px;top:2px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;}
.wa-search:after{content:"";position:absolute;right:1px;bottom:2px;width:8px;height:2px;background:#fff;transform:rotate(45deg);border-radius:2px;}

/* Chat wallpaper */
.wa-chat{
  height:calc(100% - 127px);
  overflow:hidden;
  padding:12px 26px 22px;
  display:flex;
  flex-direction:column;
  gap:6px;
  position:relative;
  background-color:#efeae2;
  background-image:
    radial-gradient(circle at 8px 8px,rgba(89,80,69,.065) 1px,transparent 1.6px),
    radial-gradient(circle at 34px 26px,rgba(89,80,69,.055) 1px,transparent 1.5px),
    radial-gradient(circle at 20px 43px,rgba(89,80,69,.04) 1px,transparent 1.5px);
  background-size:54px 54px;
  scroll-behavior:smooth;
}
.wa-chat:before{
  content:"✦   ◌   ✧     ♡   ◇    ✦   ☎   ◌    ✧   ♡     ◇   ✦";
  position:absolute;inset:0;z-index:0;pointer-events:none;
  color:rgba(99,88,74,.055);font-size:25px;line-height:70px;letter-spacing:17px;word-spacing:18px;
  transform:rotate(-8deg) scale(1.25);
}
.wa-chat>*{position:relative;z-index:1;}
.wa-date{
  align-self:center;padding:7px 12px;margin:2px 0 5px;border-radius:7px;background:#fff;
  color:#54656a;box-shadow:0 1px 1px rgba(0,0,0,.09);font-size:10px;font-weight:700;letter-spacing:.7px;
}
.wa-system{
  align-self:center;max-width:76%;margin-bottom:7px;padding:7px 11px;border-radius:7px;background:#fff4c2;
  color:#6b6250;font-size:10px;line-height:1.45;text-align:center;box-shadow:0 1px 1px rgba(0,0,0,.07);
}
.wa-row{display:flex;width:100%;opacity:0;transform:translateY(7px) scale(.985);transition:opacity .24s ease,transform .24s ease;}
.wa-row.show{opacity:1;transform:none;}
.wa-row.user{justify-content:flex-end;}
.wa-row.bot{justify-content:flex-start;}
.wa-bubble{
  position:relative;max-width:min(78%,430px);padding:8px 10px 18px;border-radius:8px;color:#202427;font-size:13px;line-height:1.45;
  box-shadow:0 1px 1px rgba(0,0,0,.13);word-break:break-word;
}
.wa-row.bot .wa-bubble{background:#fff;border-top-left-radius:2px;}
.wa-row.user .wa-bubble{background:#d9fdd3;border-top-right-radius:2px;}
/* Realistic bubble tails */
.wa-row.bot .wa-bubble:before{content:"";position:absolute;left:-7px;top:0;border-top:8px solid #fff;border-left:8px solid transparent;}
.wa-row.user .wa-bubble:after{content:"";position:absolute;right:-7px;top:0;border-top:8px solid #d9fdd3;border-right:8px solid transparent;}
.wa-meta{position:absolute;right:8px;bottom:4px;color:#7d8785;font-size:9px;white-space:nowrap;}
.wa-check{color:#53bdeb;font-size:10px;letter-spacing:-2px;margin-left:2px;}
.wa-typing-row{height:34px;}
.wa-typing{display:flex;align-items:center;gap:4px;width:50px;height:32px;padding:0 10px;border-top-left-radius:2px!important;}
.wa-typing i{display:block;width:5px;height:5px;border-radius:50%;background:#929c99;animation:waTyping 1.1s infinite ease-in-out;}
.wa-typing i:nth-child(2){animation-delay:.15s}.wa-typing i:nth-child(3){animation-delay:.3s}
@keyframes waTyping{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}
.wa-options-row{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:78%;opacity:0;transform:translateY(7px);transition:.28s ease;}
.wa-options-row.show{opacity:1;transform:none;}
.wa-options-row button{
  appearance:none;border:0;padding:8px 15px;border-radius:18px;background:#fff;color:#008069;box-shadow:0 1px 1px rgba(0,0,0,.11);
  font:600 11px/1.2 Montserrat,sans-serif;cursor:default;
}
/* Composer */
.wa-composer{height:55px;flex:0 0 55px;display:flex;align-items:center;gap:9px;padding:7px 10px;background:#f0f2f5;border-top:1px solid rgba(0,0,0,.03);}
.wa-smile{width:29px;display:grid;place-items:center;color:#667076;font-size:23px;line-height:1;}
.wa-input{flex:1;min-width:0;height:39px;display:flex;align-items:center;padding:0 15px;border-radius:20px;background:#fff;color:#8c969a;font-size:12px;}
.wa-paperclip,.wa-camera{width:21px;height:22px;position:relative;flex:0 0 auto;}
.wa-paperclip:before{content:"";position:absolute;left:4px;top:1px;width:9px;height:17px;border:2px solid #667076;border-radius:8px;transform:rotate(43deg);border-left-color:transparent;}
.wa-camera:before{content:"";position:absolute;left:1px;top:5px;width:18px;height:12px;border:2px solid #667076;border-radius:3px;}
.wa-camera:after{content:"";position:absolute;left:7px;top:8px;width:6px;height:6px;border:1.7px solid #667076;border-radius:50%;}
.wa-mic{width:36px;height:36px;border-radius:50%;background:#00a884;position:relative;flex:0 0 36px;}
.wa-mic:before{content:"";position:absolute;left:13px;top:7px;width:9px;height:16px;border:2px solid #fff;border-radius:7px;}
.wa-mic:after{content:"";position:absolute;left:10px;top:13px;width:15px;height:12px;border:2px solid #fff;border-top:0;border-radius:0 0 10px 10px;}

@media(max-width:1000px){
  .whatsapp-demo-wrap{grid-template-columns:1fr 450px;gap:55px;}
  .whatsapp-demo-window{height:610px;}
  .wa-chat{padding-left:18px;padding-right:18px;}
}
@media(max-width:768px){
  .whatsapp-demo{padding:80px 0 90px;}
  .whatsapp-demo-wrap{display:flex;flex-direction:column;gap:45px;align-items:stretch;}
  .whatsapp-demo-copy h2{font-size:clamp(45px,12vw,65px);letter-spacing:-3px;}
  .whatsapp-demo-copy>p{font-size:13px;line-height:1.75;margin-top:25px;}
  .whatsapp-demo-points{gap:12px 18px;margin-top:25px;}
  .whatsapp-demo-points span{font-size:8px;letter-spacing:1px;}
  .whatsapp-demo-window{width:min(100%,500px);height:600px;align-self:center;border-radius:16px;}
  .wa-header-actions{gap:15px;}
  .wa-chat{padding-left:13px;padding-right:13px;}
}
@media(max-width:480px){
  .whatsapp-demo{padding:70px 0 80px;}
  .whatsapp-demo-copy h2{letter-spacing:-2.5px;}
  .whatsapp-demo-window{height:570px;border-radius:12px;}
  .wa-header{height:65px;flex-basis:65px;}
  .wa-header-actions{gap:11px;}
  .wa-header-actions .wa-video,.wa-header-actions .wa-phone{display:none;}
  .wa-chat{height:calc(100% - 120px);padding-left:9px;padding-right:9px;}
  .wa-bubble{font-size:11px;max-width:86%;}
  .wa-options-row{max-width:88%;}
  .wa-system{font-size:8px;max-width:92%;}
  .wa-composer{height:55px;flex-basis:55px;gap:6px;padding-left:7px;padding-right:7px;}
  .wa-paperclip,.wa-camera{display:none;}
}