.showcase-dotfield{z-index:0;pointer-events:none;opacity:.5;position:fixed;inset:0}.showcase-page{z-index:1;max-width:1300px;min-height:100vh;margin:0 auto;padding:180px 2em 4em;position:relative}.showcase-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:3em;display:flex}.showcase-header-left{flex-direction:column;gap:12px;display:flex}.showcase-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(36px,5vw,100px);font-weight:500;line-height:1.1}.showcase-subtitle{color:#fff9;max-width:32ch;margin:0;font-family:Geist,sans-serif;font-size:16px;font-weight:400;line-height:1.4}.showcase-submit-btn{color:#fff;-webkit-backdrop-filter:blur(32px)saturate(1.3);background:#120f1773;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;width:fit-content;height:42px;margin-top:16px;padding:0 24px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex;box-shadow:0 2px 16px #0003,inset 0 .5px #ffffff0f}.showcase-submit-btn:hover{background:#120f178c;border-color:#ffffff26}.showcase-filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2em;display:flex}.showcase-filter-group{flex-wrap:wrap;gap:8px;display:flex}.showcase-filter{appearance:none;color:#ffffffbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:9px 18px;font-family:Geist Mono,monospace;font-size:12px;font-weight:500;transition:border-color .2s,background .2s}.showcase-filter:hover,.showcase-filter:focus{background:#a855f70f;border-color:#a855f780;outline:none}.showcase-filter option{color:#fff;background:#120f17}.showcase-count{color:#fff6;font-family:Geist Mono,monospace;font-size:12px}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.showcase-card{background:var(--bg-elevated,#1a1625);border:1px solid #ffffff0a;border-radius:16px;flex-direction:column;padding:6px;text-decoration:none;transition:border-color .2s;display:flex;overflow:hidden}.showcase-card:hover{border-color:#ffffff1a;text-decoration:none}.showcase-card-media{border-radius:10px;position:relative;overflow:hidden}.showcase-card-img{aspect-ratio:16/10;object-fit:contain;object-position:top center;background:#120f17;border-radius:10px;width:100%;transition:transform .4s;display:block}.showcase-card:hover .showcase-card-img{transform:scale(1.03)}.showcase-card-info{flex-direction:column;gap:2px;padding:12px 8px 8px;display:flex}.showcase-card-name{color:#fff;letter-spacing:-.2px;font-size:14px;font-weight:500;line-height:1.3}.showcase-card-using{color:#ffffff73;font-family:Geist,sans-serif;font-size:13px;line-height:1.4}.showcase-card-top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.showcase-card-year{color:#ffffff59;flex-shrink:0;font-family:Geist Mono,monospace;font-size:10px}.showcase-card-tags{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.showcase-card-tag{letter-spacing:.04em;text-transform:uppercase;color:#a855f7d9;background:#a855f71a;border:1px solid #a855f733;border-radius:999px;padding:4px 8px;font-family:Geist Mono,monospace;font-size:9px;font-weight:600}.showcase-card-tag--service{color:#7c5cfce6;background:#7c5cfc14;border-color:#7c5cfc2e}.showcase-card-tag--focus{color:#10b981e6;background:#10b98114;border-color:#10b98133}.showcase-card-tag--market{color:#fbbf24e6;background:#fbbf2414;border-color:#fbbf2438}.showcase-card--skeleton{background:#ffffff0a;border-radius:16px;min-height:280px;animation:1.4s ease-in-out infinite showcase-shimmer}@keyframes showcase-shimmer{0%,to{opacity:.5}50%{opacity:1}}@media (max-width:1024px){.showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.showcase-page{padding:100px 1em 3em}.showcase-grid{grid-template-columns:1fr}}