/* Keep member preview typography proportional to the phone, including mid-size desktops. */
@media (min-width:681px) {
 .product-stage .phone-shell--pha .phone-header { height:74px;padding:27px 16px 10px;grid-template-columns:30px 1fr auto;gap:9px; }
 .product-stage .phone-shell--pha .phone-header .ai-mark { width:28px;height:28px; }
 .product-stage .phone-shell--pha .phone-header span { font-size:11px; }
 .product-stage .phone-shell--pha .phone-progress { padding:12px 14px 10px;font-size:11px; }
 .product-stage .phone-shell--pha .phone-thread { padding:5px 13px 75px;gap:12px; }
 .product-stage .phone-shell--pha .message { padding:11px 13px;font-size:12px;line-height:1.45; }
 .product-stage .phone-shell--pha .quick-replies span { padding:7px 9px;font-size:10px; }
 .product-stage .phone-shell--pha .phone-composer { left:19px;right:19px;bottom:18px;min-height:42px;font-size:11px; }
 .product-stage .phone-shell--pha .phone-composer b { width:29px;height:29px; }
}
@media(min-width:1241px) and (max-width:1599px) {
 .product-stage .phone-shell.phone-shell--pha,.product-stage .member-schedule-phone {height:700px;bottom:-35px;}
}
@media(min-width:1600px) {
 .product-stage .phone-shell.phone-shell--pha,.product-stage .member-schedule-phone {height:790px;bottom:-115px;}
 .product-stage .phone-shell--pha .message {font-size:14px;padding:13px 15px;}
}

/* The homepage phone meets the lower edge of the hero. */
.hero .product-stage .phone-shell--pha,
.hero .product-stage .phone-screen,
.hero .product-stage .member-schedule-phone,
.hero .product-stage .member-schedule-phone__prototype {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.hero .product-stage .phone-shell--pha .phone-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: auto;
  padding: clamp(16px, 1.4vw, 22px) 28px;
  background: white;
}
.hero .product-stage .phone-shell--pha .phone-header .ai-mark {
  width: 36px;
  height: 36px;
}
.hero .product-stage .phone-shell--pha .phone-header > span:nth-child(2) {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 3px;
}
.hero .product-stage .phone-header > span {
  flex: none;
  white-space: nowrap;
}
.hero .product-stage .phone-composer b svg {
  display: block;
  width: 66%;
  height: 66%;
}