.showcase-card{flex-direction:row;align-items:center;gap:4rem;display:flex}.screenshot-container{opacity:0;flex:1.6;width:100%;min-width:0;height:600px;transition:opacity .6s}.screenshot-container.visible{opacity:1}.screenshot-wrapper{border-radius:16px;height:100%;position:relative}.screenshot-bg{background-size:300% 300%;border-radius:16px;animation:12s infinite gradientShift;position:absolute;inset:0}.showcase-card[data-index="0"] .screenshot-bg,.showcase-card[data-index="1"] .screenshot-bg,.showcase-card[data-index="2"] .screenshot-bg,.showcase-card[data-index="3"] .screenshot-bg{background:var(--color-gray-50)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.screenshot-placeholder{background:var(--color-white);border-radius:12px;flex-direction:column;padding:2rem;display:flex;position:absolute;inset:3rem;box-shadow:0 4px 6px -1px #0000000d,0 10px 30px -5px #0000001a}.screenshot-prompt{font-family:var(--font-family);font-size:clamp(var(--text-base),1.5vw,var(--text-lg));letter-spacing:-.02em;color:var(--color-gray-900);text-align:left;max-width:800px;margin-top:auto;padding-top:1.5rem;font-weight:500;line-height:1.4}.screenshot-demo{opacity:0;flex:1;justify-content:center;align-items:center;min-height:0;transition:opacity .5s,transform .5s;display:flex;transform:translateY(20px)}.screenshot-demo.visible{opacity:1;transform:translateY(0)}.description{opacity:0;flex:.8;min-width:0;transition:opacity .6s}.description.visible{opacity:1}.description h3{font-family:var(--font-family);font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-gray-900);margin-bottom:.75rem;font-weight:600}.description p{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-gray-600);line-height:1.65}@media (width<=768px){.showcase-card{flex-direction:column;gap:2rem}.screenshot-container{flex:none;height:520px}.screenshot-wrapper{border-radius:12px}.screenshot-placeholder{box-shadow:none;background:0 0;border-radius:0;flex-direction:column-reverse;justify-content:flex-end;padding:16px;inset:0}.screenshot-prompt{font-size:var(--text-sm);margin-top:0;padding-top:0;padding-bottom:1rem}.screenshot-demo{flex:1;margin-top:0}.description{flex:none}.description h3{font-size:var(--text-xl)}.description p{font-size:var(--text-sm)}}@media (width<=480px){.screenshot-container{height:460px}.screenshot-prompt{font-size:var(--text-xs);padding-top:.5rem}}