.showcase-card{min-width:0;color:var(--ink);flex-direction:column;gap:14px;text-decoration:none;display:flex}.showcase-card__stage{isolation:isolate;aspect-ratio:16/9;background:var(--brand);display:block;position:relative;overflow:hidden}.showcase-card__lines{z-index:0}.showcase-card__device{z-index:2;aspect-ratio:2826/1852;filter:drop-shadow(0 18px 24px #10101038);width:72%;transition:translate .6s var(--ease-spring);display:block;position:absolute;top:10%;left:50%;translate:-50%}.showcase-card__device:after{content:"";background:#525254;width:22.5%;height:60%;position:absolute;top:99.5%;left:38.75%}.showcase-card__screen{background:var(--paper);width:97.028%;height:81.965%;display:block;position:absolute;top:2.538%;left:1.486%;overflow:hidden}.showcase-card__screen video{object-fit:cover;object-position:50% 0;width:100%;height:100%;display:block}.showcase-card__frame{width:100%;height:100%;display:block;position:absolute;inset:0}.showcase-card__phone{z-index:2;aspect-ratio:1626/3372;filter:drop-shadow(0 14px 20px #10101038);width:56%;display:none;position:absolute;top:8%;left:50%;translate:-50%}.showcase-card__phone-screen{background:var(--phone-top,var(--paper));border-radius:14.59%/6.71%;flex-direction:column;width:92.743%;height:97.272%;display:flex;position:absolute;top:1.364%;left:3.628%;overflow:hidden}.showcase-card__status{aspect-ratio:393/54;width:100%;height:auto;color:var(--ink);fill:currentColor;flex:none;display:block}.showcase-card__status[data-tone=light]{color:var(--paper)}.showcase-card__status-dim{stroke:color-mix(in srgb, currentColor 40%, transparent)}.showcase-card__status-dim-fill{fill:color-mix(in srgb, currentColor 40%, transparent)}.showcase-card__status text{letter-spacing:-.02em;font-family:-apple-system,SF Pro Text,system-ui,sans-serif;font-size:17px;font-weight:600}.showcase-card__phone-screen img{object-fit:cover;object-position:50% 0;flex:1 1 0;width:100%;min-height:0;display:block}@media (width<=809.98px){.showcase-card__stage{aspect-ratio:1}.showcase-card__device{display:none}.showcase-card__phone{display:block}}.showcase-card__meta{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.showcase-card__name{min-width:0;font-family:var(--font-display);font-variation-settings:"wght" 500;letter-spacing:-.01em;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:16px;line-height:1.3;display:flex}.showcase-card__name strong{font-variation-settings:"wght" 560;font-weight:560}.showcase-card__name>span{color:var(--ink-soft)}.showcase-card__cta{font-family:var(--font-mono);text-transform:uppercase;flex:none;align-items:center;gap:8px;padding-bottom:3px;font-size:12px;line-height:1;display:inline-flex;box-shadow:inset 0 -1px}.showcase-card__cta svg{transition:translate var(--dur-state) var(--ease-out-expo)}.showcase-card__caption{flex-direction:column;gap:4px;display:flex}.showcase-card__place{color:var(--ink-soft);font-family:var(--font-display);font-variation-settings:"wght" 450;letter-spacing:-.01em;font-size:14px;line-height:1.3}@media (hover:hover) and (pointer:fine){.showcase-card:hover .showcase-card__device{translate:-50% -6px}.showcase-card:hover .showcase-card__cta svg{translate:4px}}.showcase-card:focus-visible{outline:1px solid var(--ink);outline-offset:4px}@media (prefers-reduced-motion:reduce){.showcase-card__device{transition:none}}.showcase-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px;width:min(1200px,100%);display:grid}@media (width<=1023.98px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid>:first-child:nth-last-child(odd){grid-column:1/-1}}@media (width<=809.98px){.showcase-grid{gap:20px 12px}.showcase-grid .showcase-card{gap:10px}.showcase-grid .showcase-card__caption{gap:2px}.showcase-grid .showcase-card__name{font-size:14px}.showcase-grid .showcase-card__place{font-size:12px}.showcase-grid .showcase-card__name>span,.showcase-grid .showcase-card__cta-label{display:none}.showcase-grid .showcase-card__cta{box-shadow:none;align-self:center;padding:0}.showcase-grid>:first-child:nth-last-child(odd) .showcase-card__stage{aspect-ratio:16/10}.showcase-grid>:first-child:nth-last-child(odd) .showcase-card__phone{width:34%;top:8%}}
