.apps-showcase-list{gap:1.25rem;margin-top:1.75rem;display:grid}.app-showcase__panel{gap:1rem;padding:1rem 1.25rem 1.125rem;display:grid}.app-showcase__header{gap:.5rem;display:grid}.app-showcase__heading{gap:.25rem;display:grid}.app-showcase__title{color:var(--foreground);margin:0;font-size:1.75rem;font-weight:900;line-height:1}.app-showcase__subtitle{color:var(--text-muted-heading);margin:0;font-size:1rem;font-weight:700;line-height:1.35}.app-showcase__meta{flex-wrap:wrap;gap:.45rem;display:flex}.app-showcase__badge{border:1px solid color-mix(in srgb, var(--foreground) 16%, transparent);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted-heading);border-radius:999px;align-items:center;padding:.22rem .6rem;font-size:.6875rem;font-weight:900;display:inline-flex}.app-showcase__badge--category{border-color:color-mix(in srgb, var(--color-burnt-orange) 42%, transparent);color:var(--color-burnt-orange)}.app-showcase__description{max-width:62ch;color:var(--text-muted-body);margin:0;font-size:.9375rem;line-height:1.6}.app-showcase__layout{gap:1rem;display:grid}.app-showcase__main{gap:1rem;min-width:0;display:grid}.app-showcase__highlights-section{align-content:start;gap:.5rem;display:grid}.app-showcase__section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-burnt-orange);margin:0;font-size:.75rem;font-weight:700}.app-showcase__highlights{gap:.3rem;padding:0;list-style:none;display:grid}.app-showcase__highlight{color:var(--text-muted-heading);padding-left:1rem;font-size:.875rem;line-height:1.45;position:relative}.app-showcase__highlight:before{background:var(--color-burnt-orange);content:"";border-radius:999px;width:.3rem;height:.3rem;position:absolute;top:.5em;left:0}.app-showcase__preview{--app-preview-accent:var(--color-teal);border:1px solid color-mix(in srgb, var(--foreground) 12%, transparent);background:color-mix(in srgb, var(--background) 88%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--foreground) 10%, transparent);border-radius:1rem;flex-direction:column;display:flex;overflow:hidden}.app-showcase__preview-chrome{border-bottom:1px solid var(--border-subtle);gap:.35rem;padding:.55rem .7rem;display:flex}.app-showcase__preview-chrome span{background:color-mix(in srgb, var(--foreground) 18%, transparent);border-radius:999px;width:.5rem;height:.5rem}.app-showcase__preview-chrome span:first-child{background:color-mix(in srgb, var(--color-burnt-orange) 70%, transparent)}.app-showcase__preview-body{background:radial-gradient(circle at 24% 18%, color-mix(in srgb, var(--app-preview-accent) 34%, transparent), transparent 42%), radial-gradient(circle at 78% 72%, color-mix(in srgb, var(--app-preview-accent) 18%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--color-graphite) 88%, transparent), var(--background));flex:1;place-items:center;min-height:9rem;display:grid}.app-showcase__preview-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 42%, transparent);font-size:.6875rem;font-weight:700}.app-showcase__actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.app-showcase__cta{box-sizing:border-box;min-height:2.375rem;font-family:var(--font-mono);letter-spacing:.04em;text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1.125rem;font-size:.8125rem;font-weight:800;line-height:1;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.app-showcase__cta--primary{border:1px solid color-mix(in srgb, var(--color-burnt-orange) 70%, transparent);background:color-mix(in srgb, var(--color-burnt-orange) 88%, transparent);color:var(--foreground)}.app-showcase__cta--primary[aria-disabled=true]{cursor:not-allowed;opacity:.72}.app-showcase__cta--secondary{border:1px solid color-mix(in srgb, var(--foreground) 22%, transparent);color:var(--text-muted-heading);background:0 0}.app-showcase__cta--secondary:hover{border-color:color-mix(in srgb, var(--color-burnt-orange) 45%, transparent);color:var(--foreground)}.app-showcase__cta:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (min-width:640px){.app-showcase__panel{padding:1.125rem 1.5rem 1.25rem}.app-showcase__title{font-size:2rem}}@media (min-width:900px){.apps-showcase-list{gap:1.5rem}.app-showcase__layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:stretch;gap:1.25rem}.app-showcase__main{grid-area:1/1}.app-showcase__preview{grid-area:1/2;height:100%;min-height:100%}.app-showcase__preview-body{min-height:0}}