/* NexoHub 3.0 — hero com enquadramento responsivo, sem selos sobrepostos */
.hero{isolation:isolate}
.hero-grid{min-width:0}
.hero-visual{min-width:0}
.visual-window{overflow:hidden;will-change:auto;backdrop-filter:blur(10px)}
.window-project{transition:background .2s,transform .2s}
.window-project:hover{background:#ffffff0f;transform:translateX(2px)}
.hero-buttons .button:focus-visible,.header-search:focus-visible{outline:2px solid #6df3dc;outline-offset:4px}
@media(min-width:981px){
  .hero-grid{gap:clamp(42px,5vw,86px)}
  .hero-visual{padding:28px 12px}
  .visual-window{transform:perspective(800px) rotateY(-3deg)}
  .float-one{left:0;bottom:35px}
  .float-two{right:0;top:18px}
}
@media(max-width:980px){
  .hero-grid{min-height:0}
  .float-label{display:none!important}
  .visual-orbit{width:390px;height:390px;opacity:.5}
  .orbit-two{width:280px;height:280px}
  .visual-window{transform:none;border-radius:20px;width:min(100%,520px)}
}
@media(max-width:810px){
  .hero-grid{padding:56px 0 62px!important;gap:29px!important}
  .hero-copy{padding:0 3px;max-width:640px;margin:auto}
  .hero h1{margin-bottom:10px}
  .hero-copy>p{margin:17px auto 0!important;max-width:550px}
  .hero-buttons{margin-top:22px;gap:11px}
  .hero-trust{margin:20px 0 0!important;justify-content:center;flex-wrap:wrap;gap:10px}
  .hero-visual{margin:0!important;min-height:0!important;transform:none!important;padding:6px 0 0;width:100%;max-width:580px;justify-self:center}
  .visual-window{max-width:500px;margin:0 auto;box-shadow:0 24px 54px #0006;border:1px solid #a5b5ff38}
  .visual-orbit,.visual-shine{display:none}
  .window-inner{padding:20px!important}
  .window-heading{margin-bottom:12px}
  .window-top{height:45px}
  .window-project{padding:10px 12px;margin-top:8px}
  .window-notice{font-size:11px;padding-top:13px;margin-top:12px}
}
@media(max-width:570px){
  .hero-grid{padding:47px 0 53px!important;gap:29px!important}
  .hero-label{margin:0 0 13px!important;letter-spacing:.12em}
  .hero h1{font-size:clamp(38px,10.2vw,53px)!important;line-height:1.12;letter-spacing:-.053em;margin:0 0 8px}
  .hero-copy>p{font-size:13px!important;line-height:1.72;max-width:420px;margin:15px 0 0!important}
  .hero-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 0}
  .hero-buttons .button{padding:11px 9px!important;font-size:11px!important;gap:7px;min-height:45px}
  .hero-buttons .button svg{width:15px;height:15px}
  .hero-trust{font-size:10px!important;gap:10px;margin:19px 0 0!important}
  .hero-mini-icons{padding-left:6px}
  .hero-mini-icons span{width:27px;height:27px}
  .hero-visual{padding:0;max-width:440px}
  .visual-window{border-radius:18px;width:100%;overflow:hidden}
  .window-top{height:43px;padding:0 14px!important;font-size:10px}
  .window-inner{padding:16px!important}
  .window-heading{margin:0 0 10px}
  .window-heading small{font-size:9px}
  .window-heading strong{font-size:16px}
  .window-project{padding:9px 10px!important;gap:10px;margin-top:7px;border-radius:11px}
  .window-icon{width:37px;height:37px;border-radius:10px;flex:none}
  .window-icon svg{height:18px;width:18px}
  .window-project strong{font-size:12px;line-height:1.4}
  .window-project small{font-size:10px}
  .window-notice{padding:11px 0 0!important;margin:12px 0 0!important;font-size:10px}
  .window-badge{font-size:9px;padding:4px 7px}
  .intro-strip{margin-top:0}
}
@media(max-width:350px){
  .hero-buttons{grid-template-columns:1fr}
  .hero-buttons .button{min-height:43px}
  .window-heading strong{font-size:14px}
  .window-badge{display:none}
}