/* V62 — Safe reset for Communication Hub top spacing.
   Removes the V61 negative margin/clipping and sets one controlled gap below the nav. */

.page-communication-hub main{
  padding-top:0 !important;
  margin-top:0 !important;
  overflow:visible !important;
}

.page-communication-hub .commhub-phone-demo-section{
  max-width:1320px !important;
  margin:0 auto !important;
  padding:clamp(18px,2.2vw,28px) 24px 26px !important;
  min-height:auto !important;
  display:grid !important;
  grid-template-columns:minmax(330px,.92fr) minmax(540px,1.08fr) !important;
  gap:24px !important;
  align-items:start !important;
  overflow:visible !important;
  transform:none !important;
}

.page-communication-hub .commhub-copy{
  padding-top:clamp(22px,3vw,46px) !important;
  margin-top:0 !important;
  align-self:start !important;
  transform:none !important;
}

.page-communication-hub .commhub-demo-right{
  padding-top:clamp(12px,2vw,28px) !important;
  margin-top:0 !important;
  align-items:start !important;
  justify-content:end !important;
  transform:none !important;
}

.page-communication-hub .commhub-copy h1{
  font-size:clamp(44px,4.35vw,66px) !important;
  line-height:.98 !important;
  letter-spacing:-.06em !important;
  margin:8px 0 14px !important;
  transform:none !important;
}

.page-communication-hub .commhub-copy .lead{
  font-size:clamp(15px,1.18vw,18px) !important;
  line-height:1.38 !important;
  max-width:560px !important;
  margin-bottom:18px !important;
}

.page-communication-hub .hub-phone-frame{
  width:clamp(260px,22vw,300px) !important;
  max-height:calc(100vh - 245px) !important;
  min-height:0 !important;
}

.page-communication-hub .phone-pack-panel{
  max-height:calc(100vh - 245px) !important;
  min-height:0 !important;
  height:auto !important;
  overflow:auto !important;
}

@media (max-width:1180px){
  .page-communication-hub .commhub-phone-demo-section{
    grid-template-columns:1fr !important;
    padding-top:20px !important;
  }
  .page-communication-hub .commhub-copy{
    padding-top:0 !important;
  }
  .page-communication-hub .commhub-demo-right{
    justify-content:center !important;
    grid-template-columns:minmax(260px,300px) minmax(270px,320px) !important;
    padding-top:0 !important;
  }
}

@media (max-width:760px){
  .page-communication-hub .commhub-demo-right{
    grid-template-columns:1fr !important;
  }
  .page-communication-hub .hub-phone-frame{
    margin:0 auto !important;
  }
}