.showcase-grid{border-top:1px solid var(--paper-faint)}.showcase-grid__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--sp-6)}.showcase-card{border-radius:var(--r-md);padding:0}.showcase-card:hover{border-color:var(--accent)}.showcase-card__header{flex-wrap:wrap;padding:var(--sp-6) var(--sp-7) var(--sp-5);border-bottom:1px solid var(--paper-faint)}.showcase-card__status{font-family:var(--font-mono);font-size:var(--type-micro);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;border-radius:999px;padding:2px var(--sp-3);display:inline-block;background:var(--paper-faint);color:var(--paper-dim);border:1px solid var(--paper-faint)}.showcase-card__status--green{background:color-mix(in srgb,#22c55e 12%,transparent);color:#4ade80;border:1px solid color-mix(in srgb,#22c55e 25%,transparent)}.showcase-card__status--orange{background:color-mix(in srgb,#f97316 12%,transparent);color:#fb923c;border:1px solid color-mix(in srgb,#f97316 25%,transparent)}.showcase-card__status--purple{background:color-mix(in srgb,var(--violet) 12%,transparent);color:var(--violet);border:1px solid color-mix(in srgb,var(--violet) 25%,transparent)}.showcase-card__type{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--paper-dim);letter-spacing:0.06em}.showcase-card__name{font-size:var(--type-2xl);font-weight:700;letter-spacing:-0.03em;line-height:1}.showcase-card__desc{font-size:var(--type-sm);line-height:1.65}.showcase-card__body{padding:var(--sp-6) var(--sp-7);flex:1;display:flex;flex-direction:column;gap:var(--sp-5)}.showcase-card__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3);padding:var(--sp-4) 0;border-block:1px solid var(--paper-faint)}.showcase-card__metric{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}.showcase-card__metric-val{font-family:var(--font-display);font-size:var(--type-lg);font-weight:700;color:var(--paper);letter-spacing:-0.02em;line-height:1.1;word-break:break-word}.showcase-card__metric-label{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--paper-dim);letter-spacing:0.06em;line-height:1.4}.showcase-card__stack{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.showcase-card__tech{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--paper-dim);background:var(--paper-faint);border-radius:var(--r-sm);padding:2px var(--sp-3);letter-spacing:0.05em}.showcase-card__footer{padding:var(--sp-5) var(--sp-7);border-top:1px solid var(--paper-faint);margin-top:auto}@media (max-width:1024px){.showcase-grid__list{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}}@media (max-width:768px){.showcase-grid__list{grid-template-columns:1fr}.showcase-card__metrics{grid-template-columns:1fr}}@media (max-width:480px){.showcase-card__header{padding:var(--sp-5) var(--sp-5) var(--sp-4)}.showcase-card__body{padding:var(--sp-5);gap:var(--sp-4)}.showcase-card__footer{padding:var(--sp-4) var(--sp-5)}}.cta-band{padding-block:var(--section-pad);background:var(--surface-1);border-block:1px solid var(--paper-faint)}.cta-band__inner{display:grid;grid-template-columns:1fr auto;gap:var(--sp-12);align-items:center}.cta-band__label{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--paper-dim);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:var(--sp-4)}.cta-band__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-0.025em;color:var(--paper);margin-bottom:var(--sp-4);max-width:22ch}.cta-band__sub{font-size:var(--type-small);color:var(--paper-dim);line-height:1.65;max-width:52ch}.cta-band__actions{display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start;flex-shrink:0}@media (max-width:768px){.cta-band__inner{grid-template-columns:1fr}.cta-band__actions{flex-direction:row;flex-wrap:wrap}}