.plan-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
  gap: 16px;
}

.plan-card h2 { margin: 14px 0 8px; color: #1a2a4d; }
.plan-price { margin: 16px 0; color: #1a2a4d; font-size: 24px; font-weight: 750; }
.plan-price small { color: #8994a8; font-size: 12px; font-weight: 500; }
.plan-card p { min-height: 36px; color: #8994a8; font-size: 12px; line-height: 1.6; }
.plan-card .button { width: 100%; }
.form-stack[hidden] { display: none; }
#show-signup { display: block; margin: 18px auto 0; }
#show-signup[hidden] { display: none; }
#billing-message:empty { display: none; }
#invite-result { overflow-wrap: anywhere; color: #53617a; font-size: 12px; }
#invite-result a { color: #315fce; font-weight: 700; }

@media (max-width: 760px) {
  .plan-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .login-wrap:not([hidden]) { display: block; }
  .login-card { width: min(440px, calc(100% - 36px)); padding: 28px 0; }
  .login-copy { margin: 34px 0 22px; }
  .login-copy h1 { font-size: 30px; }
  .login-art { display: none; }
}