.demo-table{display:flex;flex-direction:column;gap:var(--space-lg);margin:var(--space-xl) 0}.demo-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.demo-row:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-accent-gradient);opacity:0;transition:opacity var(--transition-base)}.demo-row:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.demo-row:hover:before{opacity:1}.demo-info{flex:1;margin-right:var(--space-xl)}.demo-info h3{margin:0 0 var(--space-sm) 0;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.demo-info p{margin:0 0 var(--space-md) 0;color:var(--color-text-secondary);line-height:1.7;font-size:.9375rem}.demo-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.tag{padding:.25rem .75rem;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:20px;font-size:.75rem;color:var(--color-accent-primary);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.demo-action{flex-shrink:0}.btn-demo{padding:.75rem 1.5rem;background:var(--color-accent-gradient);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-sm);box-shadow:0 4px 15px #6366f140}.btn-demo:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f159;color:#fff;text-decoration:none}.performance-stats{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.performance-stats p{margin:var(--space-xs) 0;font-size:.875rem;color:var(--color-text-muted)}@media (max-width: 768px){.demo-row{flex-direction:column;text-align:center;padding:var(--space-lg)}.demo-info{margin-right:0;margin-bottom:var(--space-lg)}.demo-tags{justify-content:center}}.guides-section{margin:var(--space-2xl) 0;background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--color-border);position:relative}.guides-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent-gradient);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.guides-section>h2{margin-top:0;margin-bottom:var(--space-sm);border-bottom:none;padding-bottom:0;color:var(--color-text-primary)}.guides-section>p{color:var(--color-text-muted);margin-bottom:var(--space-lg)}.guides-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-lg)}.guide-preview-card{background:#0a0a0f80;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.guide-preview-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.guide-preview-card h3{margin:0 0 var(--space-sm) 0;font-size:1.0625rem;color:var(--color-text-primary)}.guide-preview-card p{margin:0 0 var(--space-md) 0;color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.guide-preview-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--space-md)}.guide-category-tag{background:var(--color-accent-gradient);color:#fff;padding:.2rem .625rem;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.guide-link-card{color:var(--color-accent-primary);text-decoration:none;font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast)}.guide-link-card:hover{color:var(--color-accent-secondary)}.guide-link-card svg{width:14px;height:14px;transition:transform var(--transition-fast)}.guide-link-card:hover svg{transform:translate(3px)}.guides-cta{text-align:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.btn-guides{background:transparent;border:1px solid var(--color-accent-primary);color:var(--color-accent-primary);text-decoration:none;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-weight:500;font-size:.875rem;display:inline-flex;align-items:center;gap:var(--space-sm);transition:all var(--transition-base)}.btn-guides:hover{background:#6366f11a;color:var(--color-text-primary);text-decoration:none}.btn-guides svg{width:16px;height:16px;transition:transform var(--transition-fast)}.btn-guides:hover svg{transform:translate(3px)}.card ul{margin:0}.card h3{margin-top:var(--space-lg)}.card h3:first-child{margin-top:0}.card p{margin-bottom:var(--space-sm)}