/* VOEE mobile final fix — centralização real do hero e redução de carga visual no sistema neural. Desktop permanece intacto. */
@media (max-width: 760px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{position:relative!important;margin:0!important}

  /* Hero: usa somente a largura real da viewport. */
  .hero{width:100%!important;max-width:100%!important;min-height:auto!important;overflow:hidden!important;padding:132px 0 68px!important}
  .hero .container.hero-inner{width:100%!important;max-width:100%!important;min-width:0!important;margin:0 auto!important;padding:0 18px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;align-items:start!important;gap:22px!important;overflow:hidden!important}
  .hero-copy{width:100%!important;max-width:380px!important;min-width:0!important;margin:0 auto!important;padding:0!important;text-align:center!important;justify-self:center!important;transform:none!important}

  /* Selo superior. */
  .hero .eyebrow{display:flex!important;align-items:center!important;justify-content:center!important;width:fit-content!important;max-width:100%!important;margin:0 auto!important;padding:0!important;text-align:center!important;white-space:normal!important;font-size:8.8px!important;line-height:1.5!important;letter-spacing:.095em!important}
  .hero .eyebrow .status-dot{flex:0 0 auto!important}

  /* Headline completamente centralizada e sem largura herdada do desktop. */
  .hero h1.hero-quote{display:block!important;width:100%!important;max-width:350px!important;margin:22px auto 20px!important;padding:0!important;font-size:clamp(25px,7.25vw,31px)!important;line-height:1.12!important;letter-spacing:-.032em!important;text-align:center!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;text-wrap:balance!important;transform:none!important}
  .hero h1.hero-quote br{display:none!important}
  .hero-quote small{display:block!important;width:100%!important;max-width:100%!important;margin:11px auto 0!important;padding:0!important;font-size:7.8px!important;line-height:1.25!important;letter-spacing:.16em!important;text-align:center!important;white-space:normal!important}

  .hero-lead{width:100%!important;max-width:340px!important;margin:0 auto 27px!important;padding:0!important;font-size:13.4px!important;line-height:1.58!important;text-align:center!important;text-wrap:balance!important}

  .hero-actions{display:flex!important;flex-direction:column!important;width:100%!important;max-width:340px!important;margin:0 auto!important;padding:0!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:17px!important}
  .hero-actions .button-primary{width:min(100%,282px)!important;max-width:282px!important;min-width:0!important;margin:0 auto!important;padding:14px 20px!important;box-sizing:border-box!important}
  .hero-actions .button-text{width:auto!important;max-width:100%!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;align-self:center!important;text-align:center!important}

  /* Os três indicadores cabem sempre no viewport. */
  .hero-proof{width:100%!important;max-width:340px!important;margin:44px auto 0!important;padding:24px 0 0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .hero-proof div{min-width:0!important;align-items:center!important;text-align:center!important}
  .hero-proof strong{font-size:19px!important;line-height:1.1!important}
  .hero-proof span{max-width:100%!important;font-size:8.2px!important;line-height:1.35!important;overflow-wrap:anywhere!important}

  /* Sistema neural: nunca ultrapassa a largura da tela e permanece centralizado. */
  .hero-visual{width:100%!important;max-width:100%!important;min-width:0!important;min-height:400px!important;margin:8px auto 0!important;overflow:hidden!important;display:grid!important;place-items:center!important;transform:none!important}
  .intelligence-stage.ai-network-stage{--pointer-x:50%;--pointer-y:49%;position:relative!important;width:min(calc(100vw - 24px),390px)!important;max-width:390px!important;min-width:0!important;left:auto!important;right:auto!important;margin:0 auto!important;translate:none!important;aspect-ratio:1.03!important;transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;will-change:auto!important;contain:layout style paint!important}
  .orbit-guide,.voee-core{left:50%!important}
  .brain-rotator{left:5%!important;top:17%!important;width:90%!important;height:68%!important;animation-duration:82s!important;animation-timing-function:linear!important;backface-visibility:hidden!important;will-change:transform!important}

  /* Efeitos caros são reduzidos no celular para liberar GPU para o movimento principal. */
  .brain-image.brain-image-alpha{animation:none!important;will-change:auto!important;filter:drop-shadow(0 0 13px rgba(41,218,255,.32))!important}
  .ai-network-stage .brain-halo{animation:none!important;filter:blur(18px)!important;opacity:.78!important;will-change:auto!important}
  .neural-canvas{display:none!important;opacity:0!important}
  .ai-link{filter:none!important;opacity:.52!important}
  .ai-name{backdrop-filter:none!important;will-change:transform!important;backface-visibility:hidden!important;transition:transform 95ms linear,scale 95ms linear,border-color .25s,color .25s,box-shadow .25s!important}
  .voee-corona{filter:blur(2px)!important;animation-duration:14s!important}
  .voee-core-logo{animation:sunSpin 32s linear infinite!important;will-change:transform!important;filter:drop-shadow(0 0 10px rgba(177,249,255,.62))!important}

  /* Remove elementos decorativos que podem ampliar a composição no mobile. */
  .hero-aurora{max-width:100vw!important}
  .hero-scroll{display:none!important}
}

@media (max-width: 470px){
  .hero{padding-top:126px!important;padding-bottom:58px!important}
  .hero .container.hero-inner{padding-left:16px!important;padding-right:16px!important}
  .hero-copy{max-width:348px!important}
  .hero .eyebrow{max-width:320px!important;font-size:8.35px!important;letter-spacing:.085em!important}
  .hero h1.hero-quote{max-width:326px!important;font-size:clamp(24.5px,7vw,29px)!important}
  .hero-lead,.hero-actions,.hero-proof{max-width:324px!important}
  .hero-actions .button-primary{width:min(100%,270px)!important;max-width:270px!important}
  .hero-visual{min-height:380px!important}
  .intelligence-stage.ai-network-stage{width:min(calc(100vw - 18px),360px)!important;max-width:360px!important}
  .ai-name{font-size:7px!important;padding:4px 5px!important}
  .voee-core{width:104px!important}
}

@media (max-width: 370px){
  .hero .container.hero-inner{padding-left:14px!important;padding-right:14px!important}
  .hero-copy{max-width:320px!important}
  .hero .eyebrow,.hero h1.hero-quote,.hero-lead,.hero-actions,.hero-proof{max-width:296px!important}
  .hero h1.hero-quote{font-size:24px!important}
  .hero-actions .button-primary{max-width:246px!important}
  .intelligence-stage.ai-network-stage{width:min(calc(100vw - 14px),330px)!important;max-width:330px!important}
}