.conversion-hidden-field{display:none!important}

/* Pricing cards are neutral until the visitor interacts with them. */
.plan-card.plan-card-interactive{
  position:relative;
  cursor:pointer;
  background:transparent!important;
  transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.plan-card.plan-card-interactive:hover,
.plan-card.plan-card-interactive:focus-visible{
  background:#e6edf0!important;
  outline:none;
}
.plan-card.plan-card-interactive.is-selected{
  background:#dfe9ee!important;
  box-shadow:inset 0 0 0 1px #7f9bab!important;
}
.plan-card.plan-card-interactive ul,
.plan-card.plan-card-interactive a[data-plan]{
  display:none!important;
}
.plan-card.plan-card-interactive.is-selected ul{
  display:block!important;
  animation:planReveal .22s ease both;
}
.plan-card.plan-card-interactive.is-selected a[data-plan]{
  display:inline-flex!important;
  animation:planReveal .22s ease both;
}
.plan-card.plan-card-interactive.is-selected a[data-plan].button-outline,
.plan-card.plan-card-interactive.is-selected a[data-plan].button-dark{
  background:#334a58!important;
  color:#f3efe6!important;
  border-color:#334a58!important;
}
.plan-select-hint{
  margin:22px 0 0;
  padding-top:14px;
  border-top:1px solid rgba(51,74,88,.16);
  color:#66757d;
  font-size:11px;
  font-weight:760;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.plan-card.is-selected .plan-select-hint{color:#334a58}
@keyframes planReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

.selected-plan-context{
  margin:0 0 28px;
  padding:18px 20px;
  border:1px solid #c8d4d9;
  background:#edf2f4;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:3px 16px;
  align-items:baseline;
}
.selected-plan-context[hidden]{display:none!important}
.selected-plan-context>span{
  color:#68757b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.selected-plan-context>strong{
  font-family:var(--serif);
  font-size:24px;
  font-weight:400;
}
.selected-plan-context>p{
  grid-column:1/-1;
  margin:6px 0 0;
  color:#667176;
  font-size:12px;
}

.project-form fieldset{scroll-margin-top:42px}
.project-form .form-submit-row{align-items:end}

@media(max-width:820px){
  .selected-plan-context{grid-template-columns:1fr}
  .selected-plan-context>p{grid-column:auto}
  .plan-card.plan-card-interactive:hover{background:transparent!important}
  .plan-card.plan-card-interactive.is-selected{background:#dfe9ee!important}
}