.demos__header[data-astro-cid-sed74vxt]{text-align:center;margin-bottom:var(--space-12);max-width:700px;margin-left:auto;margin-right:auto}.demos__tagline[data-astro-cid-sed74vxt]{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-accent-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.demos__headline[data-astro-cid-sed74vxt]{font-size:var(--text-h2);color:var(--color-text-primary);margin:0 0 var(--space-4)}.demos__description[data-astro-cid-sed74vxt]{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0;line-height:1.6}.demos__grid[data-astro-cid-sed74vxt]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.demos__grid--expanded[data-astro-cid-sed74vxt]{display:none;margin-top:var(--space-4)}.demos__grid--expanded[data-astro-cid-sed74vxt].is-visible{display:grid}.demos__card[data-astro-cid-sed74vxt]{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--space-6);cursor:pointer;transition:all var(--transition-base);position:relative}.demos__card[data-astro-cid-sed74vxt]:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.demos__card[data-astro-cid-sed74vxt] h3[data-astro-cid-sed74vxt]{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:1.3}.demos__card[data-astro-cid-sed74vxt] p[data-astro-cid-sed74vxt]{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.5;margin:0}.demos__arrow[data-astro-cid-sed74vxt]{position:absolute;top:var(--space-6);right:var(--space-6);color:var(--color-text-tertiary);font-size:var(--text-sm);transition:transform var(--transition-fast)}.demos__card[data-astro-cid-sed74vxt]:hover .demos__arrow[data-astro-cid-sed74vxt]{transform:translate(3px);color:var(--color-accent-400)}.demos__tag[data-astro-cid-sed74vxt]{display:inline-block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:var(--radius-full);margin-bottom:var(--space-3)}.demos__tag--paid[data-astro-cid-sed74vxt]{background:#8b5cf61f;color:var(--color-accent-300)}.demos__tag--analytics[data-astro-cid-sed74vxt]{background:#3b82f61f;color:var(--color-primary-400)}.demos__tag--monitoring[data-astro-cid-sed74vxt]{background:#ec48991f;color:var(--color-secondary-400)}.demos__tag--plg[data-astro-cid-sed74vxt]{background:#34d3991f;color:var(--color-success)}.demos__tag--mops[data-astro-cid-sed74vxt]{background:#fbbf241f;color:var(--color-warning)}.demos__tag--cro[data-astro-cid-sed74vxt]{background:#8b5cf61f;color:var(--color-accent-300)}.demos__tag--seo[data-astro-cid-sed74vxt]{background:#3b82f61f;color:var(--color-primary-400)}.demos__tag--email[data-astro-cid-sed74vxt]{background:#ec48991f;color:var(--color-secondary-400)}.demos__tag--social[data-astro-cid-sed74vxt]{background:#34d3991f;color:var(--color-success)}.demos__tag--tags[data-astro-cid-sed74vxt]{background:#fbbf241f;color:var(--color-warning)}.demos__toggle[data-astro-cid-sed74vxt]{display:flex;justify-content:center}.demos__toggle-btn[data-astro-cid-sed74vxt]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-sm);padding:8px 16px;border-radius:var(--radius-md);border:2px solid var(--color-border-strong);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-base)}.demos__toggle-btn[data-astro-cid-sed74vxt]:hover{border-color:var(--color-accent-500);color:var(--color-accent-400);background:#8b5cf60f}.demos__overlay[data-astro-cid-sed74vxt]{position:fixed;inset:0;background:#0009;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility .3s ease-out;backdrop-filter:blur(4px)}.demos__overlay[data-astro-cid-sed74vxt].is-open{opacity:1;visibility:visible}.demos__panel[data-astro-cid-sed74vxt]{position:fixed;top:0;right:0;width:520px;max-width:90vw;height:100vh;background:var(--color-bg-surface);border-left:1px solid var(--color-border-default);z-index:1001;transform:translate(100%);transition:transform .3s ease-out;overflow-y:auto;display:flex;flex-direction:column}.demos__panel[data-astro-cid-sed74vxt].is-open{transform:translate(0)}.demos__panel-header[data-astro-cid-sed74vxt]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border-default);flex-shrink:0;position:sticky;top:0;background:var(--color-bg-surface);z-index:1}.demos__panel-close[data-astro-cid-sed74vxt]{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface-raised);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:all var(--transition-fast);font-family:var(--font-sans)}.demos__panel-close[data-astro-cid-sed74vxt]:hover{border-color:var(--color-border-strong);color:var(--color-text-primary);background:var(--color-bg-surface-hover)}.demos__panel-body[data-astro-cid-sed74vxt]{padding:var(--space-6);flex:1}.demos__panel-body[data-astro-cid-sed74vxt] h3[data-astro-cid-sed74vxt]{font-size:var(--text-h4);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:1.3}.demos__panel-oneliner[data-astro-cid-sed74vxt]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6)}.demos__panel-section[data-astro-cid-sed74vxt]{margin-bottom:var(--space-6)}.demos__panel-section[data-astro-cid-sed74vxt] h4[data-astro-cid-sed74vxt]{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3)}.demos__panel-section[data-astro-cid-sed74vxt] p[data-astro-cid-sed74vxt]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;margin:0}.demos__panel-media[data-astro-cid-sed74vxt]{margin-bottom:var(--space-6)}.demos__panel-media[data-astro-cid-sed74vxt] h4[data-astro-cid-sed74vxt]{font-size:var(--text-sm);font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-3)}.demos__media-embed[data-astro-cid-sed74vxt]{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-inset);border:1px solid var(--color-border-default)}.demos__media-embed[data-astro-cid-sed74vxt] iframe[data-astro-cid-sed74vxt],.demos__media-embed[data-astro-cid-sed74vxt] img[data-astro-cid-sed74vxt]{position:absolute;top:0;left:0;width:100%;height:100%;border:0;object-fit:cover}.demos__steps[data-astro-cid-sed74vxt]{list-style:none;counter-reset:demo-step;padding:0;margin:0}.demos__steps[data-astro-cid-sed74vxt] li[data-astro-cid-sed74vxt]{counter-increment:demo-step;display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.demos__steps[data-astro-cid-sed74vxt] li[data-astro-cid-sed74vxt]:last-child{border-bottom:none}.demos__steps[data-astro-cid-sed74vxt] li[data-astro-cid-sed74vxt]:before{content:counter(demo-step);flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-md);background:#8b5cf61a;color:var(--color-accent-300);font-size:var(--text-xs);font-weight:700;display:flex;align-items:center;justify-content:center}.demos__outputs[data-astro-cid-sed74vxt]{list-style:none;padding:0;margin:0}.demos__outputs[data-astro-cid-sed74vxt] li[data-astro-cid-sed74vxt]{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.demos__outputs[data-astro-cid-sed74vxt] li[data-astro-cid-sed74vxt]:before{content:"→";color:var(--color-accent-400);flex-shrink:0;font-weight:600}.demos__integrations[data-astro-cid-sed74vxt]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.demos__pill[data-astro-cid-sed74vxt]{font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:var(--color-bg-surface-raised);border:1px solid var(--color-border-default);color:var(--color-text-secondary);font-family:var(--font-sans)}@media(max-width:1024px){.demos__grid[data-astro-cid-sed74vxt]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.demos__grid[data-astro-cid-sed74vxt]{grid-template-columns:1fr}.demos__panel[data-astro-cid-sed74vxt]{width:100vw;max-width:100vw}}