.demo-card{display:flex;flex-direction:column;background:#ffffff;border:1px solid #e5e7eb;border-radius:1.25rem;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,border-color .3s ease}.demo-card:hover{transform:translateY(-6px);border-color:#bfdbfe;box-shadow:0 30px 60px -30px rgba(30,58,138,.28)}.demo-preview{aspect-ratio:16/10;padding:.7rem .7rem 0;background:var(--demo-bg,#eef2f1)}.demo-preview,.demo-shot{position:relative;overflow:hidden}.demo-shot{height:100%;border-radius:.6rem .6rem 0 0;box-shadow:0 20px 40px -24px rgba(0,0,0,.35)}.demo-shot-img{object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.16,1,.3,1)}.demo-card:hover .demo-shot-img{transform:scale(1.035)}.demo-card-body{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;flex:1}.demo-card-tags{display:flex;gap:.5rem;flex-wrap:wrap}.demo-tag{font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;background:#eff6ff;color:#1d4ed8}.demo-tag.branche{background:#f1f5f9;color:#475569}.demo-card-title{font-size:1.3rem;font-weight:700;color:#0f172a}.demo-card-desc{font-size:.92rem;line-height:1.6;color:#64748b}.demo-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:.45rem;font-weight:600;color:#2563eb;padding-top:.4rem}.demo-card-link svg{transition:transform .25s ease}.demo-card:hover .demo-card-link svg{transform:translateX(4px)}.demo-card.coming{align-items:center;justify-content:center;text-align:center;border-style:dashed;color:#94a3b8;padding:2.5rem 1.5rem;min-height:18rem}.demo-card.coming:hover{transform:none;box-shadow:none;border-color:#e5e7eb}