main.showcase { max-width: 1080px; }
.sc-hero { padding: 3.5rem 0 2.5rem; }
.sc-hero { border-bottom: 1px solid var(--line); }
.sc-hero { margin-bottom: 2.5rem; }
.sc-hero h1 { max-width: 18ch; }
.sc-hero > p { max-width: 64ch; }
.sc-hero > p { font-size: 1.18rem; }
.sc-hero > p { color: var(--ink-soft); }
.sc-hero > p { margin: 1rem 0 1.75rem; }
.sc-cta { display: flex; }
.sc-cta { flex-wrap: wrap; }
.sc-apps { display: grid; }
.sc-apps { grid-template-columns: 1fr 1fr; }
.sc-apps { gap: 1.25rem; }
.sc-apps { margin: 1rem 0 3rem; }
@media (max-width: 760px) { .sc-apps { grid-template-columns: 1fr; } }
.sc-app { position: relative; }
.sc-app { padding: 1.6rem 1.6rem 1.4rem; }
.sc-app { border: 1px solid var(--line); }
.sc-app { border-radius: var(--radius-lg); }
.sc-app { overflow: hidden; }
.sc-app { transition: transform .14s ease, box-shadow .14s ease; }
.sc-app:hover { transform: translateY(-3px); }
.sc-app:hover { box-shadow: 0 18px 40px -22px rgba(28,24,20,.45); }
.sc-app::before { content: ""; }
.sc-app::before { position: absolute; }
.sc-app::before { inset: 0 0 auto 0; }
.sc-app::before { height: 4px; }
.sc-folio::before { background: #b8462e; }
.sc-pulse::before { background: #18b89a; }
.sc-forge::before { background: #6d5ae6; }
.sc-compass::before { background: #e0894a; }
.sc-ledger::before { background: #c79a3a; }
.sc-emoji { font-size: 2rem; }
.sc-emoji { line-height: 1; }
.sc-app h3 { margin: .6rem 0 .5rem; }
.sc-app h3 { font-size: 1.45rem; }
.sc-app p { color: var(--ink-soft); }
.sc-app p { margin: .4rem 0 1rem; }
.sc-open { display: inline-block; }
.sc-open { margin-top: .4rem; }
.sc-open { font-weight: 600; }
.sc-open { text-decoration: none; }
.sc-open { color: var(--accent-deep); }
.sc-open:hover { text-decoration: underline; }
.sc-weight { margin: 1rem 0 3rem; }
.sc-scale { list-style: none; }
.sc-scale { padding: 1.25rem 1.5rem; }
.sc-scale { margin: 1.25rem 0; }
.sc-scale li { padding: .55rem 0; }
.sc-scale li { border-bottom: 1px solid var(--line-soft); }
.sc-scale li { color: var(--ink-soft); }
.sc-scale li:last-child { border-bottom: 0; }
.sc-scale strong { color: var(--ink); }
.sc-scale code { font-size: 1em; }
.sc-scale code { font-weight: 700; }
.sc-scale code { color: var(--accent-deep); }
.sc-scale code { background: var(--accent-soft); }
.sc-mini { padding: 1.1rem 1.25rem; }
.sc-mini p { margin: 0 0 .6rem; }
.sc-mini p { color: var(--ink-soft); }
.sc-mini a { font-weight: 600; }
.sc-mini a { text-decoration: none; }