/* V70 — final top-gap reset + real avatar visibility.
   This file deliberately loads last. It removes the accumulated blank space above
   the marketing nav across all .com pages and keeps the Communication Hub phone
   tall, scrollable and readable. */

html,body{margin:0!important;padding:0!important;max-width:100%!important;overflow-x:hidden!important;}
body[class^="page-"]{padding-top:0!important;margin-top:0!important;}

/* One fixed marketing nav position for every marketing page. */
body[class^="page-"] .site-header{
  position:fixed!important;
  top:14px!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  width:min(1240px,calc(100vw - 88px))!important;
  max-width:calc(100vw - 48px)!important;
  min-height:0!important;
  margin:0!important;
  padding:18px 32px!important;
  border-radius:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  z-index:99999!important;
  overflow:visible!important;
  background:linear-gradient(180deg,rgba(3,10,24,.94),rgba(3,10,24,.74))!important;
  border:1px solid rgba(116,181,255,.18)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
}
body[class^="page-"] .site-header:after{display:none!important;content:none!important;}
body[class^="page-"] .site-header .brand{flex:0 0 160px!important;min-width:160px!important;max-width:160px!important;display:flex!important;align-items:center!important;}
body[class^="page-"] .site-header .brand-logo{width:150px!important;max-width:150px!important;height:auto!important;}
body[class^="page-"] .site-header .desktop-nav{display:flex!important;visibility:visible!important;opacity:1!important;flex:1 1 auto!important;align-items:center!important;justify-content:center!important;gap:clamp(16px,1.7vw,28px)!important;min-width:0!important;}
body[class^="page-"] .site-header .desktop-nav a{display:inline-flex!important;align-items:center!important;visibility:visible!important;opacity:1!important;white-space:nowrap!important;font-size:13px!important;line-height:1!important;}
body[class^="page-"] .site-header .header-actions{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;align-items:center!important;gap:12px!important;}
body[class^="page-"] .site-header .mobile-toggle{display:none!important;}

/* Remove accumulated stacked hero offsets. */
body[class^="page-"] main{
  margin:0!important;
  padding-top:106px!important;
  overflow:visible!important;
}
body[class^="page-"] .page-hero,
body[class^="page-"] .page-hero-split,
body[class^="page-"] .hero,
body[class^="page-"] .hero.launch-hero{
  margin-top:0!important;
  padding-top:clamp(18px,2.2vh,30px)!important;
  min-height:auto!important;
  transform:none!important;
}
body[class^="page-"] .page-hero:before,
body[class^="page-"] .hero:before{top:0!important;}

/* Communication Hub page: compact top, larger/taller phone, scrollable chat. */
body.page-communication-hub main{padding-top:104px!important;}
body.page-communication-hub .commhub-phone-demo-section{
  width:min(1280px,calc(100vw - 96px))!important;
  max-width:calc(100vw - 48px)!important;
  margin:0 auto!important;
  padding:clamp(10px,1.4vh,18px) 0 clamp(28px,3vh,44px)!important;
  min-height:calc(100svh - 118px)!important;
  display:grid!important;
  grid-template-columns:minmax(390px,.40fr) minmax(0,.60fr)!important;
  gap:clamp(24px,3vw,44px)!important;
  align-items:center!important;
  overflow:visible!important;
}
body.page-communication-hub .commhub-copy{padding:0!important;margin:0!important;align-self:center!important;max-width:540px!important;}
body.page-communication-hub .commhub-copy h1{font-size:clamp(50px,4.55vw,70px)!important;line-height:.98!important;margin:0 0 20px!important;letter-spacing:-.06em!important;max-width:540px!important;}
body.page-communication-hub .commhub-copy .lead{font-size:clamp(16px,1.05vw,18px)!important;line-height:1.44!important;max-width:535px!important;margin:0 0 24px!important;}
body.page-communication-hub .commhub-copy .eyebrow{margin-bottom:18px!important;}
body.page-communication-hub .commhub-demo-right{
  display:grid!important;
  grid-template-columns:minmax(455px,520px) minmax(310px,350px)!important;
  gap:clamp(20px,2.3vw,32px)!important;
  justify-content:end!important;
  align-items:center!important;
  overflow:visible!important;
  min-width:0!important;
  width:100%!important;
}
body.page-communication-hub .hub-phone-frame{
  width:clamp(455px,31vw,520px)!important;
  min-width:455px!important;
  max-width:520px!important;
  height:calc(100svh - 156px)!important;
  min-height:760px!important;
  max-height:940px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  border-radius:52px!important;
  margin:0 auto!important;
}
body.page-communication-hub .hub-phone-screen{inset:12px!important;border-radius:39px!important;overflow:hidden!important;}
body.page-communication-hub .phone-replica-shell{height:100%!important;min-height:0!important;display:grid!important;grid-template-columns:70px minmax(0,1fr)!important;overflow:hidden!important;}
body.page-communication-hub .phone-replica-shell .replica-avatar-rail{width:70px!important;padding:20px 8px 12px!important;gap:10px!important;overflow-y:auto!important;scrollbar-width:none!important;}
body.page-communication-hub .phone-replica-shell .replica-avatar-rail::-webkit-scrollbar{display:none!important;}
body.page-communication-hub .phone-replica-shell .replica-menu-dot{width:46px!important;height:46px!important;}
body.page-communication-hub .phone-replica-shell .replica-avatar{width:46px!important;height:46px!important;font-size:0!important;overflow:hidden!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;}
body.page-communication-hub .phone-replica-shell .replica-avatar span:not(.has-img),
body.page-communication-hub .phone-replica-shell .replica-avatar small{display:none!important;}
body.page-communication-hub .phone-replica-shell .replica-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-chat-stage{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;}
body.page-communication-hub .phone-replica-shell .replica-hub-topbar{flex:0 0 auto!important;min-height:88px!important;padding:18px 16px 13px!important;}
body.page-communication-hub .phone-replica-shell .replica-chat-scroll{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:16px 14px 18px!important;gap:12px!important;scrollbar-width:thin!important;scrollbar-color:rgba(84,230,255,.9) rgba(255,255,255,.08)!important;}
body.page-communication-hub .phone-replica-shell .replica-chat-scroll::-webkit-scrollbar{width:7px!important;}
body.page-communication-hub .phone-replica-shell .replica-chat-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.08)!important;border-radius:99px!important;}
body.page-communication-hub .phone-replica-shell .replica-chat-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4ee8ff,#9c6bff)!important;border-radius:99px!important;}
body.page-communication-hub .phone-replica-shell .replica-composer-shell{flex:0 0 auto!important;padding:0 14px 16px!important;background:linear-gradient(180deg,rgba(7,14,32,0),rgba(7,14,32,.84) 22%,rgba(7,14,32,.98))!important;}
body.page-communication-hub .phone-replica-shell .replica-owner-pill{bottom:78px!important;right:18px!important;}
body.page-communication-hub .replica-pack-panel,body.page-communication-hub .phone-pack-panel{max-height:calc(100svh - 170px)!important;overflow-y:auto!important;align-self:center!important;}

@media (max-width:1280px){
  body[class^="page-"] .site-header{width:calc(100vw - 52px)!important;max-width:calc(100vw - 52px)!important;padding:16px 24px!important;}
  body[class^="page-"] .site-header .brand{flex-basis:150px!important;min-width:150px!important;max-width:150px!important;}
  body[class^="page-"] .site-header .desktop-nav{gap:12px!important;}
  body[class^="page-"] .site-header .desktop-nav a{font-size:12px!important;}
  body.page-communication-hub .commhub-phone-demo-section{width:calc(100vw - 52px)!important;max-width:calc(100vw - 52px)!important;grid-template-columns:minmax(360px,.38fr) minmax(0,.62fr)!important;gap:28px!important;}
  body.page-communication-hub .commhub-demo-right{grid-template-columns:minmax(405px,455px) minmax(290px,325px)!important;gap:18px!important;}
  body.page-communication-hub .hub-phone-frame{width:clamp(405px,31vw,455px)!important;min-width:405px!important;height:calc(100svh - 150px)!important;min-height:705px!important;}
}
@media (max-width:1080px){
  body[class^="page-"] .site-header .desktop-nav,body[class^="page-"] .site-header .header-actions{display:none!important;}
  body[class^="page-"] .site-header .mobile-toggle{display:flex!important;}
  body.page-communication-hub .commhub-phone-demo-section{grid-template-columns:1fr!important;min-height:auto!important;}
  body.page-communication-hub .commhub-demo-right{grid-template-columns:minmax(390px,470px) minmax(290px,340px)!important;justify-content:center!important;}
}
@media (max-width:820px){
  body[class^="page-"] .site-header{top:10px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding:14px 16px!important;}
  body[class^="page-"] main{padding-top:96px!important;}
  body.page-communication-hub .commhub-phone-demo-section{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;}
  body.page-communication-hub .commhub-demo-right{grid-template-columns:1fr!important;}
  body.page-communication-hub .hub-phone-frame{width:min(94vw,430px)!important;min-width:0!important;height:760px!important;min-height:760px!important;}
  body.page-communication-hub .replica-pack-panel,body.page-communication-hub .phone-pack-panel{max-height:none!important;}
}