.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:#4f46e514;border:1px solid rgba(79,70,229,.15);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 #00000040}.btn-demo:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000059;color:#fff;text-decoration:none}.btn-demo:visited,.btn-demo:active,.btn-demo:focus{color:#fff;text-decoration:none}.btn-demo:focus{outline:2px solid rgba(79,70,229,.5);outline-offset:2px}.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}}.feature-card.gs-cyan{--card-color: #06b6d4;--card-bg: rgba(6, 182, 212, .06);--card-glow: rgba(6, 182, 212, .1)}.feature-card.gs-indigo{--card-color: #6366f1;--card-bg: rgba(99, 102, 241, .06);--card-glow: rgba(99, 102, 241, .1)}.feature-card.gs-violet{--card-color: #7c3aed;--card-bg: rgba(124, 58, 237, .06);--card-glow: rgba(124, 58, 237, .1)}.feature-card.gs-pink{--card-color: #db2777;--card-bg: rgba(219, 39, 119, .06);--card-glow: rgba(219, 39, 119, .1)}.feature-card.gs-amber{--card-color: #d97706;--card-bg: rgba(217, 119, 6, .06);--card-glow: rgba(217, 119, 6, .1)}.feature-card.gs-emerald{--card-color: #059669;--card-bg: rgba(5, 150, 105, .06);--card-glow: rgba(5, 150, 105, .1)}.feature-card[class*=gs-]{border-top-color:var(--card-color);border-top-width:2px}.feature-card[class*=gs-] h3{color:var(--color-text-primary)}.feature-card[class*=gs-]:hover{border-top-color:var(--card-color);box-shadow:var(--shadow-md)}.feature-head{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md)}.feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--card-bg, rgba(79, 70, 229, .08));color:var(--card-color, #6366f1);transition:box-shadow var(--transition-base),transform var(--transition-base)}.feature-icon svg{width:24px;height:24px;stroke:currentColor}.feature-card:hover .feature-icon{box-shadow:0 0 12px var(--card-glow, rgba(79, 70, 229, .15));transform:scale(1.05)}.feature-head h3{margin:0;line-height:1.25}@media (max-width: 480px){.feature-head{align-items:flex-start}}.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:#0f172a80;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:#4f46e514;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)}.product-seo-subtitle{font-size:1.125rem;font-weight:500;color:var(--color-text-muted, #94a3b8);margin:var(--space-sm) auto var(--space-md);max-width:720px;line-height:1.5;letter-spacing:0}.faq-list{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-md) 0 var(--space-xl)}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md, 12px);padding:var(--space-md) var(--space-lg);transition:border-color var(--transition-base)}.faq-item[open]{border-color:var(--color-accent, #6366f1)}.faq-item summary{cursor:pointer;font-weight:600;font-size:1.0625rem;list-style:none;position:relative;padding-right:1.75rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:400;color:var(--color-text-muted, #94a3b8);transition:transform var(--transition-base)}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:var(--space-sm) 0 0;color:var(--color-text-muted, #94a3b8);line-height:1.6}