/* V68 — remove Communication Hub top gap and restore real AI avatar images. */
html, body { max-width:100%!important; overflow-x:hidden!important; }
body.page-communication-hub,
body.page-home{
  padding-top:0!important;
  margin-top:0!important;
  --envia-header-fixed-h:96px;
}
body.page-communication-hub .site-header,
body.page-home .site-header{
  position:fixed!important;
  top:18px!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:min(1420px,calc(100vw - 72px))!important;
  max-width:calc(100vw - 72px)!important;
  margin:0!important;
  z-index:9000!important;
}
body.page-communication-hub main,
body.page-home main{
  padding-top:calc(var(--envia-header-fixed-h) + 14px)!important;
  margin-top:0!important;
}
body.page-communication-hub .commhub-phone-demo-section{
  padding-top:clamp(18px,2.4vh,30px)!important;
  min-height:calc(100svh - var(--envia-header-fixed-h) - 28px)!important;
  align-items:center!important;
}
body.page-home .hero{
  padding-top:clamp(18px,2.4vh,32px)!important;
}
body.page-communication-hub .commhub-copy{align-self:center!important;}
body.page-communication-hub .commhub-demo-right{align-self:center!important;}
body.page-communication-hub .hub-phone-frame{
  width:clamp(455px,32vw,520px)!important;
  max-width:520px!important;
  min-width:455px!important;
  height:min(77svh,830px)!important;
  max-height:830px!important;
  min-height:690px!important;
}
body.page-communication-hub .phone-replica-shell .replica-chat-scroll{
  overflow-y:auto!important;
  scrollbar-width:thin!important;
  scroll-behavior:smooth!important;
}
body.page-communication-hub .phone-replica-shell .replica-avatar,
body.page-communication-hub .phone-replica-shell .replica-mini-avatar{
  overflow:hidden!important;
  background:rgba(12,24,48,.72)!important;
  border:1px solid rgba(105,228,255,.28)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset, 0 0 18px rgba(57,214,255,.12)!important;
}
body.page-communication-hub .phone-replica-shell .replica-avatar img,
body.page-communication-hub .phone-replica-shell .replica-mini-avatar img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
body.page-communication-hub .phone-replica-shell .replica-avatar > span.has-img,
body.page-communication-hub .phone-replica-shell .replica-mini-avatar > span.has-img{display:none!important;}
body.page-communication-hub .phone-replica-shell .replica-avatar.active{
  border-color:rgba(78,232,255,.78)!important;
  box-shadow:0 0 0 1px rgba(78,232,255,.35) inset,0 0 22px rgba(78,232,255,.28)!important;
}
body.page-communication-hub .phone-replica-shell .replica-avatar.active:after{
  background:#58ffdc!important;
  box-shadow:0 0 12px rgba(88,255,220,.8)!important;
}
body.page-communication-hub [data-demo-input]{text-transform:none!important;}
@media (max-width:1180px){
  body.page-communication-hub .site-header,body.page-home .site-header{width:min(1180px,calc(100vw - 40px))!important;max-width:calc(100vw - 40px)!important;}
  body.page-communication-hub .commhub-phone-demo-section{grid-template-columns:1fr!important;}
  body.page-communication-hub .commhub-demo-right{justify-content:center!important;grid-template-columns:minmax(390px,520px) minmax(280px,350px)!important;}
}
@media (max-height:820px){
  body.page-communication-hub .hub-phone-frame{height:calc(100svh - 175px)!important;min-height:600px!important;}
}
@media (max-width:760px){
  body.page-communication-hub .site-header,body.page-home .site-header{top:10px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;}
  body.page-communication-hub main,body.page-home main{padding-top:104px!important;}
  body.page-communication-hub .commhub-demo-right{grid-template-columns:1fr!important;}
  body.page-communication-hub .hub-phone-frame{width:min(100%,390px)!important;min-width:0!important;height:720px!important;}
}