/* Membership and After-Loss: compact cards without changing offers or links. */
.membership-hero{
  padding:24px 0 18px!important;
}
.membership-hero h1{
  font-size:clamp(32px,4vw,48px);
  line-height:1.08;
  margin-bottom:0;
}
.membership-hero .lede{
  max-width:680px;
  margin-top:12px;
  font-size:16px;
  line-height:1.5;
}
#plans,#after-loss-plans{
  padding:14px 0 38px!important;
}
#plans>.wrap,#after-loss-plans>.wrap{
  max-width:1200px;
}
#plans .pricing-cluster{
  padding:18px!important;
  margin-top:16px!important;
}
#plans #starter-vault{
  max-width:840px;
  margin:0 auto!important;
}
#plans .pricing-cluster .group-head,
#after-loss-plans .group-head{
  margin-bottom:14px!important;
}
#plans .group-note,#after-loss-plans .group-note{
  margin:8px 0 0!important;
  line-height:1.45;
}
#plans .starter-row{
  display:block;
  margin:0!important;
}
#plans .starter-row>.plan{
  max-width:680px;
  margin:0 auto;
}
#plans .plan-row{
  gap:16px!important;
  margin-bottom:0!important;
}
#plans .plan-row>.plan,
#after-loss-plans .plan-row>.plan{
  padding:18px!important;
}
#plans .plan__name,#after-loss-plans .plan__name{
  margin-bottom:5px;
}
#plans .plan__price,#after-loss-plans .plan__price{
  margin-bottom:3px;
}
#plans .plan__tag,#after-loss-plans .plan__tag{
  margin-bottom:10px;
}
#plans .plan__facts,#after-loss-plans .plan__facts{
  gap:6px;
  margin-bottom:16px;
}
#plans .plan .btn,#after-loss-plans .plan .btn{
  min-height:46px;
  padding:10px 12px;
}
#after-loss-plans .plan-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:16px 0 20px;
}
#after-loss-plans .plan{
  min-width:0;
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--hairline);
  border-radius:var(--radius);
}
#after-loss-plans .plan__facts{
  flex:1;
}
#after-loss-plans .after-loss-callout{
  margin-top:0;
}
@media(max-width:900px){
  #after-loss-plans .plan-row{grid-template-columns:1fr}
}
@media(max-width:640px){
  .membership-hero{padding:22px 0 16px!important}
  .membership-hero h1{font-size:clamp(30px,8vw,38px)}
  #plans,#after-loss-plans{padding:12px 0 30px!important}
  #plans .pricing-cluster{padding:14px!important}
  #plans .plan-row>.plan,#after-loss-plans .plan-row>.plan{padding:17px!important}
  #plans .plan-row{grid-template-columns:1fr!important}
  #plans .starter-row>.plan{max-width:none}
}