.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}@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}}.gs-cyan{--card-color: #06b6d4;--card-bg: rgba(6, 182, 212, .06);--card-glow: rgba(6, 182, 212, .1)}.gs-indigo{--card-color: #6366f1;--card-bg: rgba(99, 102, 241, .06);--card-glow: rgba(99, 102, 241, .1)}.gs-violet{--card-color: #7c3aed;--card-bg: rgba(124, 58, 237, .06);--card-glow: rgba(124, 58, 237, .1)}.gs-pink{--card-color: #db2777;--card-bg: rgba(219, 39, 119, .06);--card-glow: rgba(219, 39, 119, .1)}.gs-amber{--card-color: #d97706;--card-bg: rgba(217, 119, 6, .06);--card-glow: rgba(217, 119, 6, .1)}.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}}.hero-media{margin:0 0 var(--space-2xl);aspect-ratio:16 / 9;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden;background:var(--color-bg-card)}.showcase-video{display:block;width:100%;height:100%;object-fit:cover}.showcase-list{display:flex;flex-direction:column;gap:var(--space-2xl);margin:var(--space-xl) 0 var(--space-2xl)}.showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-xl);align-items:center}.showcase.reverse .showcase-media{order:2}.showcase-media{margin:0;aspect-ratio:16 / 9;border-radius:var(--radius-lg);border:1px solid var(--color-border);border-top:2px solid var(--card-color, var(--color-accent-primary));box-shadow:var(--shadow-md);overflow:hidden;background:var(--color-bg-card)}.showcase-body h3{margin:0 0 var(--space-sm);font-size:1.375rem;color:var(--color-text-primary)}.showcase-body>p{margin:0 0 var(--space-md);color:var(--color-text-secondary);line-height:1.7;font-size:.9375rem}.showcase-points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.showcase-points li{position:relative;padding-left:1.5rem;font-size:.875rem;color:var(--color-text-muted);line-height:1.5}.showcase-points li:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--card-color, var(--color-accent-primary))}@media (max-width: 768px){.showcase{grid-template-columns:1fr;gap:var(--space-lg)}.showcase.reverse .showcase-media{order:0}}.glance-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-md);margin:var(--space-xl) 0 var(--space-2xl)}.glance-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);transition:border-color var(--transition-base)}.glance-card:hover{border-color:var(--color-border-hover)}.glance-card h3{margin:0 0 var(--space-sm);font-size:1rem;color:var(--color-text-primary)}.glance-card p{margin:0;font-size:.875rem;line-height:1.6;color:var(--color-text-muted)}@media (prefers-reduced-motion: reduce){.showcase-media,.hero-media{box-shadow:none}}.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}