/* Movimento tecnológico da Home comercial */
.salesHome .salesHero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 76% 20%,rgba(19,104,255,.20),transparent 26%),radial-gradient(circle at 92% 50%,rgba(255,43,178,.08),transparent 23%),linear-gradient(145deg,#020915 0%,#05142c 44%,#071b3e 100%)}
.salesHome .salesHero:before{content:"";position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(90deg,transparent 0 76px,rgba(44,150,255,.035) 77px 78px),repeating-linear-gradient(0deg,transparent 0 76px,rgba(44,150,255,.025) 77px 78px);animation:techGridDrift 20s linear infinite;pointer-events:none}
.salesHome .salesHero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:5%;top:17%;z-index:0;background:radial-gradient(circle,rgba(32,137,255,.24),rgba(86,54,255,.10) 45%,transparent 72%);filter:blur(8px);pointer-events:none;animation:techPulseOrb 5.2s ease-in-out infinite}
.salesHome .salesHeroInner{position:relative;z-index:3}
.salesHome .salesHeroCopy{position:relative;z-index:4;text-shadow:0 2px 24px rgba(0,0,0,.34)}
.salesHome .salesHeroVisual{position:relative;z-index:4;animation:techFloat 6s ease-in-out infinite;transform-origin:50% 55%}
.salesHome .salesHeroVisual img{will-change:transform,filter;animation:techGlow 4.8s ease-in-out infinite}

.salesDataCanvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;opacity:.86;mix-blend-mode:screen}
.salesNeonScene{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;opacity:.68}
.salesNeonScene i{position:absolute;display:block;width:110px;height:110px;border:1px solid rgba(68,173,255,.34);transform:rotate(45deg);filter:drop-shadow(0 0 9px rgba(31,137,255,.18));animation:neonGeometry 10s ease-in-out infinite}
.salesNeonScene i:nth-child(1){left:2%;top:18%;width:82px;height:82px}
.salesNeonScene i:nth-child(2){right:2%;top:12%;width:126px;height:126px;border-color:rgba(255,72,196,.28);animation-delay:-2s}
.salesNeonScene i:nth-child(3){left:12%;bottom:5%;width:66px;height:66px;border-color:rgba(64,190,255,.26);animation-delay:-4s}
.salesNeonScene i:nth-child(4){right:17%;bottom:7%;width:92px;height:92px;border-color:rgba(255,86,207,.19);animation-delay:-6s}
.salesNeonScene i:nth-child(5){right:34%;top:7%;width:48px;height:48px;animation-delay:-7s}
.salesNeonScene i:nth-child(6){left:42%;top:17%;width:44px;height:44px;border-color:rgba(80,200,255,.18);animation-delay:-3.5s}

.salesSignalHud{position:absolute;right:1.7%;top:31%;z-index:3;width:108px;display:grid;gap:9px;pointer-events:none;opacity:.66}
.salesSignalHud span{display:block;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(60,174,255,.8),rgba(255,75,205,.48),transparent);transform-origin:right center;animation:hudSignal 3.4s ease-in-out infinite}
.salesSignalHud span:nth-child(2){width:76%;justify-self:end;animation-delay:.35s}.salesSignalHud span:nth-child(3){width:58%;justify-self:end;animation-delay:.7s}.salesSignalHud span:nth-child(4){width:84%;justify-self:end;animation-delay:1.05s}

.salesHome .salesTags span{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.salesHome .salesTags span:after{content:"";position:absolute;top:0;bottom:0;width:30px;left:-45px;background:linear-gradient(90deg,transparent,rgba(120,205,255,.42),transparent);transform:skewX(-18deg);animation:techTagSweep 6.2s ease-in-out infinite}
.salesHome .salesTags span:nth-child(2):after{animation-delay:.45s}.salesHome .salesTags span:nth-child(3):after{animation-delay:.9s}.salesHome .salesTags span:nth-child(4):after{animation-delay:1.35s}.salesHome .salesTags span:nth-child(5):after{animation-delay:1.8s}.salesHome .salesTags span:nth-child(6):after{animation-delay:2.25s}
.salesHome .salesTags span:hover{transform:translateY(-2px);border-color:#4b8cff;box-shadow:0 0 18px rgba(47,141,255,.28)}
.salesHome .salesPrimary{position:relative;overflow:hidden;animation:techButtonPulse 3.6s ease-in-out infinite}
.salesHome .salesPrimary:after{content:"";position:absolute;inset:-60% auto -60% -35%;width:24%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);transform:rotate(18deg);animation:techButtonSweep 5s ease-in-out infinite}

.salesHome .salesBenefits,.salesHome .salesSection,.salesHome .salesCases,.salesHome .salesFinalCta{position:relative;overflow:hidden}
.salesHome .salesBenefits:before,.salesHome .salesCases:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 15%,rgba(36,126,255,.07),transparent 24%),radial-gradient(circle at 88% 82%,rgba(255,63,196,.035),transparent 25%)}
.salesHome .salesStrip article,.salesHome .segmentGrid article,.salesHome .modelGrid article,.salesHome .productSalesGrid>a,.salesHome .caseSalesGrid>a{position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.salesHome .salesStrip article:after,.salesHome .segmentGrid article:after,.salesHome .modelGrid article:after,.salesHome .productSalesGrid>a:after{content:"";position:absolute;left:-50%;right:auto;bottom:0;width:45%;height:1px;background:linear-gradient(90deg,transparent,#2f90ff,rgba(255,60,199,.5),transparent);transition:left .6s ease}
.salesHome .salesStrip article:hover:after,.salesHome .segmentGrid article:hover:after,.salesHome .modelGrid article:hover:after,.salesHome .productSalesGrid>a:hover:after{left:105%}
.salesHome .salesStrip article>span,.salesHome .segIcon,.salesHome .prodIcon,.salesHome .modelGrid article>span,.salesHome .processGrid article>span{will-change:transform;animation:techIconBreathe 3.8s ease-in-out infinite}
.salesHome .salesStrip article:nth-child(2)>span,.salesHome .segmentGrid article:nth-child(2) .segIcon,.salesHome .productSalesGrid>a:nth-child(2) .prodIcon{animation-delay:.35s}
.salesHome .salesStrip article:nth-child(3)>span,.salesHome .segmentGrid article:nth-child(3) .segIcon,.salesHome .productSalesGrid>a:nth-child(3) .prodIcon{animation-delay:.7s}
.salesHome .salesStrip article:nth-child(4)>span,.salesHome .segmentGrid article:nth-child(4) .segIcon,.salesHome .productSalesGrid>a:nth-child(4) .prodIcon{animation-delay:1.05s}
.salesHome .salesStrip article:nth-child(5)>span,.salesHome .segmentGrid article:nth-child(5) .segIcon,.salesHome .productSalesGrid>a:nth-child(5) .prodIcon{animation-delay:1.4s}
.salesHome .salesStrip article:nth-child(6)>span,.salesHome .segmentGrid article:nth-child(6) .segIcon,.salesHome .productSalesGrid>a:nth-child(6) .prodIcon{animation-delay:1.75s}
.salesHome .salesStrip article:hover,.salesHome .segmentGrid article:hover,.salesHome .modelGrid article:hover,.salesHome .productSalesGrid>a:hover{transform:translateY(-4px);border-color:#3b72b2;box-shadow:0 14px 30px rgba(0,0,0,.18),0 0 24px rgba(31,129,255,.09)}
.salesHome .caseSalesGrid>a:hover{transform:translateY(-4px);border-color:#4b7dbb;box-shadow:0 18px 40px rgba(0,0,0,.26)}
.salesHome .caseSalesGrid img{transition:transform .55s ease,filter .55s ease}.salesHome .caseSalesGrid>a:hover img{transform:scale(1.035);filter:saturate(1.08) contrast(1.04)}
.salesHome .salesFinalCta{background-size:180% 180%;animation:techCtaFlow 8.5s ease infinite}
.salesHome .agentFab{animation:techFabPulse 4s ease-in-out infinite}

@keyframes techGridDrift{0%{background-position:0 0,0 0}100%{background-position:82px 42px,42px 82px}}
@keyframes techPulseOrb{0%,100%{transform:scale(.92);opacity:.50}50%{transform:scale(1.14);opacity:1}}
@keyframes techFloat{0%,100%{transform:translate3d(0,0,0) rotate(.15deg)}50%{transform:translate3d(0,-11px,0) rotate(-.2deg)}}
@keyframes techGlow{0%,100%{filter:drop-shadow(0 28px 55px rgba(0,0,0,.35)) drop-shadow(0 0 0 rgba(32,136,255,0))}50%{filter:drop-shadow(0 32px 62px rgba(0,0,0,.42)) drop-shadow(0 0 22px rgba(32,136,255,.28))}}
@keyframes neonGeometry{0%,100%{transform:rotate(45deg) translate3d(0,0,0);opacity:.28}50%{transform:rotate(53deg) translate3d(0,-12px,0);opacity:.76}}
@keyframes hudSignal{0%,100%{transform:scaleX(.62);opacity:.25}50%{transform:scaleX(1);opacity:.88}}
@keyframes techTagSweep{0%,62%{left:-45px;opacity:0}72%{opacity:1}86%,100%{left:130%;opacity:0}}
@keyframes techButtonPulse{0%,100%{box-shadow:0 0 20px rgba(37,100,255,.28)}50%{box-shadow:0 0 36px rgba(37,125,255,.54)}}
@keyframes techButtonSweep{0%,58%{left:-35%;opacity:0}68%{opacity:1}82%,100%{left:125%;opacity:0}}
@keyframes techIconBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.045)}}
@keyframes techCtaFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes techFabPulse{0%,100%{box-shadow:0 8px 26px rgba(20,104,194,.2)}50%{box-shadow:0 8px 34px rgba(36,173,185,.34)}}

@media(max-width:780px){
  .salesDataCanvas{opacity:.48}
  .salesNeonScene{opacity:.32}
  .salesSignalHud{display:none}
  .salesHome .salesHeroVisual{animation-duration:7.5s}
  .salesHome .salesHero:after{width:200px;height:200px;right:-8%;top:38%}
}
@media(max-width:520px){
  .salesDataCanvas{opacity:.32}
  .salesNeonScene i:nth-child(n+4){display:none}
}
@media(prefers-reduced-motion:reduce){
  .salesDataCanvas,.salesNeonScene,.salesSignalHud{display:none!important}
  .salesHome .salesHero:before,.salesHome .salesHero:after,.salesHome .salesHeroVisual,.salesHome .salesHeroVisual img,.salesHome .salesTags span:after,.salesHome .salesPrimary,.salesHome .salesPrimary:after,.salesHome .salesStrip article>span,.salesHome .segIcon,.salesHome .prodIcon,.salesHome .modelGrid article>span,.salesHome .processGrid article>span,.salesHome .salesFinalCta,.salesHome .agentFab{animation:none!important}
  .salesHome .salesTags span,.salesHome .salesStrip article,.salesHome .segmentGrid article,.salesHome .modelGrid article,.salesHome .productSalesGrid>a,.salesHome .caseSalesGrid>a,.salesHome .caseSalesGrid img{transition:none!important}
  .salesHome .salesTags span:hover{transform:none!important}
}