.demos-page{background:var(--bg-primary);min-height:100vh;padding:8rem 2rem 6rem}.demos-inner{margin:0 auto;max-width:1140px}.demos-header{margin:0 auto 3.5rem;max-width:640px;text-align:center}.demos-eyebrow{color:var(--accent-purple-dark);display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;margin-bottom:1rem;text-transform:uppercase}.demos-title{color:#0b1220;font-family:var(--font-display);font-size:clamp(2.2rem,4vw,3.2rem);font-weight:600;letter-spacing:-.03em;line-height:1.05;margin:0 0 1rem}.demos-sub{color:var(--text-secondary);font-size:1.15rem;line-height:1.6;margin:0}.demos-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.demos-card{background:#fff;border:1px solid var(--border-primary);border-radius:18px;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.demos-card:hover{border-color:#8b5cf64d;box-shadow:0 24px 54px -28px #0f172a73;transform:translateY(-4px)}.demos-card-thumb{aspect-ratio:16/10;background:#0f172a;overflow:hidden;position:relative}.demos-card-thumb video{display:block;height:100%;object-fit:cover;width:100%}.demos-card-play{align-items:center;background:#ffffffeb;border-radius:50%;box-shadow:0 8px 24px -6px #00000080;color:#0b1220;display:flex;height:54px;justify-content:center;left:50%;padding-left:3px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s ease,background .2s ease;width:54px}.demos-card:hover .demos-card-play{background:#fff;transform:translate(-50%,-50%) scale(1.08)}.demos-card-duration{background:#000000b3;border-radius:6px;bottom:.7rem;color:#fff;font-size:.72rem;font-weight:600;padding:.18rem .5rem;position:absolute;right:.7rem}.demos-card-body{display:flex;flex-direction:column;gap:.4rem;padding:1.4rem}.demos-card-tag{color:var(--accent-purple-dark);font-family:var(--font-mono);font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.demos-card-name{color:var(--text-primary);font-size:1.2rem;font-weight:600;letter-spacing:-.01em;margin:0}.demos-card-desc{color:var(--text-tertiary);font-size:.9rem;line-height:1.55;margin:0}.demos-card-go{align-items:center;color:var(--accent-pink);display:inline-flex;font-size:.88rem;font-weight:600;gap:.4rem;margin-top:.4rem}@media (max-width:768px){.demos-page{padding:6.5rem 1.25rem 4rem}}
/*# sourceMappingURL=103.4d85983d.chunk.css.map*/