.showcase-page{
  font-variant-numeric:tabular-nums;
}

.showcase-page .showcase-hero{
  display:block;
  height:auto;
  min-height:0;
  padding-block:var(--hero-pad);
  background:#FFFFFF;
  background-image:linear-gradient(180deg,#F7F7F5 0%,#FFFFFF 100%);
  color:#232733;
}

.showcase-hero .showcase-hero-inner{
  display:block;
  min-width:0;
}

.showcase-page .showcase-hero :is(h1,h2,h3){
  color:#232733;
}

.showcase-page .showcase-hero .c-kicker{
  color:#656B7A;
  margin-bottom:var(--space-3);
}

.showcase-page .showcase-hero .c-lead{
  max-width:48rem;
  margin-top:var(--space-3);
  margin-inline:0;
  color:#3A3F4B;
}

.showcase-page .showcase-hero-actions{
  justify-content:flex-start;
  margin-top:var(--space-5);
  margin-bottom:var(--space-5);
}

.showcase-disclosure{
  max-width:48rem;
  color:#656B7A;
  font-size:var(--fs-sm);
  overflow-wrap:break-word;
}

.showcase-periods{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:var(--space-2);
  margin-top:var(--space-4);
}

.showcase-periods .c-chip{
  line-height:1;
  padding:.4em .9em;
}

.showcase-head{
  max-width:none;
  margin-bottom:var(--space-5);
}

.showcase-head .c-kicker{
  margin-bottom:var(--space-3);
}

.showcase-head>p:not(.c-kicker){
  max-width:48rem;
  margin-top:var(--space-2);
  color:#3A3F4B;
}

.showcase-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4);
  align-items:stretch;
}

.showcase-pair>.showcase-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-3);
  min-width:0;
  height:100%;
  padding:var(--space-5);
  background:#F7F7F5;
  color:#232733;
  border:0;
  border-radius:var(--radius-md);
}

.showcase-card :is(h3,strong,dt,dd){
  color:#232733;
}

.showcase-card h3{
  font-size:var(--fs-card);
  line-height:var(--lh-heading);
}

.showcase-card p{
  color:#3A3F4B;
  overflow-wrap:break-word;
}

.showcase-card .showcase-spec{
  color:#626877;
  font-size:var(--fs-sm);
}

.showcase-card>.c-actions{
  margin-top:auto;
  justify-content:flex-start;
}

.showcase-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-3);
  width:100%;
}

.showcase-facts>div{
  min-width:0;
  padding-block:var(--space-3);
  border-top:1px solid #E4E4E0;
}

.showcase-facts dt,
.showcase-facts dd{
  min-width:0;
  overflow-wrap:break-word;
}

.showcase-facts dt{
  color:#626877;
}

.showcase-facts dd{
  margin-top:var(--space-2);
  font-family:var(--mono);
  font-variant-numeric:tabular-nums;
}

.showcase-workflow{
  display:grid;
  gap:var(--space-4);
  list-style:none;
  margin:0;
  padding:0;
}

.showcase-workflow>li{
  display:grid;
  gap:var(--space-2);
  min-width:0;
}

.showcase-workflow strong{
  font-weight:var(--weight-medium);
}

.showcase-workflow code{
  color:#232733;
}

.showcase-card .showcase-card-note{
  margin-top:auto;
  color:#626877;
  font-size:var(--fs-sm);
}

.showcase-result{
  display:grid;
  grid-template-columns:7rem minmax(0,1fr);
  gap:var(--space-3);
  margin-top:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--radius-md);
  background:#F5EFE6;
  color:#3B2E21;
}

.showcase-result strong,
.showcase-result span{
  min-width:0;
  color:#3B2E21;
  overflow-wrap:break-word;
}

.showcase-budget{
  display:table;
  width:100%;
}

.showcase-budget :is(th,td){
  text-align:start;
}

.showcase-budget td:last-child{
  font-family:var(--mono);
  white-space:nowrap;
}

.showcase-exit{
  margin-top:var(--space-5);
}

.showcase-exit>h3{
  margin-bottom:var(--space-2);
  font-size:var(--fs-card);
}

.showcase-payment{
  margin-top:var(--space-4);
  color:#656B7A;
  font-size:var(--fs-sm);
}

.showcase-close-section{
  padding-bottom:var(--space-close);
}

.showcase-page .showcase-closing{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-5);
  width:100%;
  padding:var(--space-6);
  border-radius:var(--radius-md);
  background:#232733;
  color:#FFFFFF;
  text-align:left;
}

.showcase-closing>.c-closing-copy{
  min-width:0;
  text-align:left;
}

.showcase-page .showcase-closing h2{
  color:#FFFFFF;
  font-size:var(--fs-section);
  line-height:var(--lh-heading);
}

.showcase-page .showcase-closing p{
  margin-top:var(--space-2);
  color:#CDD1DC;
  font-size:var(--fs-base);
}

.showcase-page .showcase-closing-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  margin-top:0;
}

.showcase-closing .c-btn--primary{
  background:#FFFFFF;
  color:#2F4486;
  border-color:#FFFFFF;
}

.showcase-closing .c-btn--primary:hover{
  background:#F7F7F5;
  color:#2F4486;
  border-color:#F7F7F5;
}

@media(max-width:48rem){
  .showcase-pair{
    grid-template-columns:minmax(0,1fr);
  }

  .showcase-page .showcase-closing{
    grid-template-columns:minmax(0,1fr);
    align-items:start;
  }

  .showcase-page .showcase-closing-actions{
    align-items:flex-start;
    justify-content:flex-start;
  }
}

@media(max-width:42rem){
  .showcase-pair>.showcase-card{
    padding:var(--space-4);
  }

  .showcase-result{
    grid-template-columns:minmax(0,1fr);
    gap:var(--space-2);
  }

  .showcase-page .showcase-closing{
    padding:var(--space-4);
  }
}