/* v91: Keep the complete introduction readable while bringing signup higher on phones. */
@media (max-width:700px){
  .cp-public-landing .header{padding-top:16px;padding-bottom:8px;gap:10px;flex-wrap:wrap}
  .cp-public-landing .nav .login{min-height:44px;padding:10px 13px}
  .cp-public-landing .hero{padding-top:20px;gap:36px}
  .cp-public-landing .hero-text{overflow-wrap:anywhere}
  .cp-public-landing .eyebrow{font-size:12px;line-height:1.5;margin-bottom:12px}
  .cp-public-landing .hero h1{font-size:clamp(32px,8.5vw,40px);line-height:1.1;letter-spacing:-1.2px;margin-bottom:14px}
  .cp-public-landing .hero .lead{font-size:16px;line-height:1.5;margin-bottom:18px}
  .cp-public-landing .highlights{gap:8px;margin-bottom:20px}
  .cp-public-landing .highlights li{font-size:15px;line-height:1.4;gap:10px}
  .cp-public-landing .highlights svg{width:17px;height:17px;flex-basis:17px}
  .cp-public-landing .cp-landing-primary-slot>.primary{min-height:52px;font-size:17px;padding:14px 18px;color:#143b43}
  .cp-public-landing .hero-fine{margin-top:10px;line-height:1.5}
  .cp-public-landing .follow{margin-top:16px}
  .cp-public-landing .cp-landing-recipient{margin-top:12px;line-height:1.5}
  .cp-public-landing .cp-landing-recipient strong{display:inline;color:inherit;font-size:inherit}
}
@media (max-width:400px){
  .cp-public-landing .logo{font-size:22px;gap:7px;letter-spacing:-.8px}
  .cp-public-landing .logo i{width:32px;height:32px}
  .cp-public-landing .nav .login{padding-left:11px;padding-right:11px;font-size:12px}
}