.demo-section[data-v-9fcb8991]{padding:96px 0}.demo-head[data-v-9fcb8991]{margin-bottom:44px;max-width:560px}.demo-head .eyebrow[data-v-9fcb8991]{margin-bottom:18px}.demo-head .lead[data-v-9fcb8991]{font-size:17px;margin-top:18px}.demo-head__all[data-v-9fcb8991]{color:var(--color-accent,#2563eb);display:inline-block;font-size:15px;font-weight:600;margin-top:18px;text-decoration:none}.demo-head__all[data-v-9fcb8991]:hover{text-decoration:underline}.demo-grid[data-v-9fcb8991]{display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.demo-card[data-v-9fcb8991]{background:var(--bg-surface,#fff);border:1px solid var(--border-primary);border-radius:var(--radius-xl);color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform var(--transition-base,.25s) ease,box-shadow var(--transition-base,.25s) ease}.demo-card[data-v-9fcb8991]:hover{box-shadow:var(--shadow-lg,0 12px 32px hsla(0,0%,6%,.1));transform:translateY(-4px)}.demo-prev[data-v-9fcb8991]{background:#fff}.demo-prev[data-v-9fcb8991],.demo-prev__chrome[data-v-9fcb8991]{border-bottom:1px solid var(--border-primary)}.demo-prev__chrome[data-v-9fcb8991]{align-items:center;background:var(--bg-subtle,#f5f5f3);display:flex;gap:4px;padding:9px 10px}.demo-prev__chrome span[data-v-9fcb8991]{background:#d8d8d4;border-radius:50%;height:7px;width:7px}.demo-prev__url[data-v-9fcb8991]{color:var(--text-tertiary,#8a8a86);font-family:var(--font-mono,monospace);font-size:10px;margin-left:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-prev__hero[data-v-9fcb8991]{aspect-ratio:16/10;background:var(--bg-subtle,#f5f5f3);overflow:hidden;position:relative;width:100%}.demo-prev__hero-img[data-v-9fcb8991]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.demo-prev__hero-bar[data-v-9fcb8991]{align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.62),transparent);display:flex;gap:10px;inset:auto 0 0;padding:12px 13px 11px;position:absolute}.demo-prev__brand[data-v-9fcb8991]{color:#fff;font-size:14px;font-weight:700;letter-spacing:-.01em;margin-right:auto}.demo-prev__nav[data-v-9fcb8991]{color:#ffffffd1;font-size:10px}.demo-prev__cats[data-v-9fcb8991]{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px 14px}.demo-prev__cat[data-v-9fcb8991]{background:var(--bg-subtle,#f5f5f3);border:1px solid var(--border-primary);border-radius:99px;color:var(--text-secondary,#57534e);font-size:10px;font-weight:500;padding:3px 9px}.demo-meta[data-v-9fcb8991]{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;padding:16px 16px 8px}.demo-meta__name[data-v-9fcb8991]{font-size:15px;font-weight:700}.demo-meta__tag[data-v-9fcb8991]{color:var(--text-secondary,#57534e);font-size:12px;margin-top:2px}.demo-meta__vertical[data-v-9fcb8991]{background:var(--bg-subtle,#f5f5f3);border-radius:99px;color:var(--text-tertiary,#8a8a86);flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.04em;padding:3px 8px;text-transform:uppercase}.demo-card__cta[data-v-9fcb8991]{color:var(--color-accent,#2563eb);font-size:13px;font-weight:600;padding:0 16px 16px}@media(max-width:960px){.demo-grid[data-v-9fcb8991]{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.demo-grid[data-v-9fcb8991]{grid-template-columns:1fr}}