/* Dedicated /use-cases page: restrained editorial hero and five
   full-width use-case rows with thin dividers. Shares tokens,
   containers, and the closing CTA styles with the rest of the site. */

.ucp-hero{padding:3.25rem 0 1rem}
.ucp-h{
  font-family:var(--font-display);
  font-size:clamp(1.9rem,3.6vw,3rem);
  font-weight:700;letter-spacing:-.03em;line-height:1.1;
  color:var(--foreground);
  max-width:26ch;text-wrap:balance;
  margin:.9rem 0 1.1rem;
}
.ucp-lede{
  font-size:1.0625rem;line-height:1.65;
  color:var(--muted-foreground);
  max-width:44rem;
}

.ucp-list{padding:2.5rem 0 1rem}
.ucp-row{
  padding:2.5rem 0 2.75rem;
  border-top:1px solid var(--border);
}
.ucp-name{
  font-family:var(--font-display);
  font-size:1.375rem;font-weight:600;letter-spacing:-.02em;
  color:var(--foreground);
  margin-bottom:1.5rem;
}
.ucp-facts{margin:0;display:flex;flex-direction:column}
.ucp-fact{
  display:grid;grid-template-columns:1fr;gap:.25rem 2rem;
  padding:.8rem 0;
}
.ucp-fact + .ucp-fact{border-top:1px solid var(--border)}
@media(min-width:768px){
  .ucp-fact{grid-template-columns:minmax(14rem,.55fr) minmax(0,1.45fr)}
}
.ucp-fact dt{
  font-size:.9375rem;font-weight:600;color:var(--foreground);
}
.ucp-fact dd{
  margin:0;font-size:.9375rem;line-height:1.6;
  color:var(--muted-foreground);max-width:60ch;
}
.ucp-fact-bnd dt{color:var(--muted-foreground);font-weight:500}

@media(max-width:600px){
  .ucp-hero{padding-top:2.25rem}
  .ucp-row{padding:2rem 0 2.25rem}
  .ucp-name{margin-bottom:1rem}
}