/* V60 — Communication Hub above-the-fold phone correction */
.page-communication-hub .commhub-phone-demo-section{
  padding-top:8px !important;
  padding-bottom:10px !important;
  min-height:auto !important;
  grid-template-columns:minmax(330px,.92fr) minmax(540px,1.08fr) !important;
  gap:24px !important;
  align-items:start !important;
}
.page-communication-hub .commhub-copy{
  padding-top:36px !important;
}
.page-communication-hub .commhub-copy h1{
  font-size:clamp(42px,4.35vw,64px) !important;
  line-height:.97 !important;
  letter-spacing:-.06em !important;
  margin-bottom:14px !important;
}
.page-communication-hub .commhub-copy .lead{
  font-size:clamp(15px,1.2vw,18px) !important;
  line-height:1.38 !important;
  max-width:540px !important;
  margin-bottom:18px !important;
}
.page-communication-hub .commhub-copy .cta-row{
  gap:12px !important;
}
.page-communication-hub .commhub-demo-right{
  grid-template-columns:clamp(260px,22vw,300px) minmax(270px,310px) !important;
  gap:16px !important;
  align-items:start !important;
  justify-content:end !important;
  padding-top:28px !important;
}
.page-communication-hub .hub-phone-frame{
  width:clamp(260px,22vw,300px) !important;
  max-height:calc(100vh - 260px) !important;
  aspect-ratio:390 / 790 !important;
}
.page-communication-hub .hub-phone-screen{
  overflow:hidden !important;
}
.page-communication-hub .phone-replica-shell{
  padding-top:24px !important;
  box-sizing:border-box !important;
}
.page-communication-hub .phone-replica-shell .replica-avatar-rail{
  padding-top:8px !important;
  gap:5px !important;
}
.page-communication-hub .phone-replica-shell .replica-menu-dot,
.page-communication-hub .phone-replica-shell .replica-avatar{
  width:30px !important;
  height:30px !important;
}
.page-communication-hub .phone-replica-shell .replica-avatar{
  font-size:10px !important;
}
.page-communication-hub .phone-replica-shell .replica-hub-topbar{
  min-height:52px !important;
  padding:9px 10px 7px !important;
}
.page-communication-hub .phone-replica-shell .replica-hamburger{
  width:30px !important;
  height:30px !important;
}
.page-communication-hub .phone-replica-shell .replica-kicker{
  font-size:7px !important;
  letter-spacing:.14em !important;
}
.page-communication-hub .phone-replica-shell .replica-hub-topbar h3{
  font-size:15px !important;
}
.page-communication-hub .phone-replica-shell .replica-utility-pills{
  gap:4px !important;
}
.page-communication-hub .phone-replica-shell .replica-utility-pills span{
  font-size:8px !important;
  padding:4px 6px !important;
}
.page-communication-hub .phone-replica-shell .replica-chat-scroll{
  padding:10px 9px 7px !important;
}
.page-communication-hub .phone-replica-shell .replica-composer-shell{
  padding:0 8px 9px !important;
}
.page-communication-hub .phone-replica-shell .replica-owner-pill{
  bottom:58px !important;
  right:12px !important;
  font-size:9px !important;
  padding:6px 9px !important;
}
.page-communication-hub .phone-replica-shell .replica-composer input{
  font-size:11px !important;
  padding:8px 9px !important;
}
.page-communication-hub .phone-replica-shell .replica-composer button{
  padding:8px 11px !important;
  font-size:11px !important;
}
.page-communication-hub .phone-pack-panel{
  max-height:calc(100vh - 260px) !important;
  min-height:0 !important;
  padding:18px !important;
  overflow:auto !important;
}
.page-communication-hub .phone-pack-panel h3{
  font-size:clamp(1.22rem,1.75vw,1.45rem) !important;
  margin-bottom:8px !important;
}
.page-communication-hub .phone-pack-panel p{
  font-size:14px !important;
  line-height:1.42 !important;
}
.page-communication-hub .phone-pack-panel .replica-panel-block{
  margin-top:8px !important;
  padding-top:12px !important;
}
.page-communication-hub .phone-pack-panel .replica-panel-actions{
  padding-top:12px !important;
}
.page-communication-hub .phone-pack-panel .replica-panel-note{
  font-size:10px !important;
}
@media (max-width:1180px){
  .page-communication-hub .commhub-phone-demo-section{
    grid-template-columns:1fr !important;
    padding-top:18px !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;}
}