.hero-visual.svelte-1y7rzzr{width:100%;display:flex;justify-content:center;padding:var(--space-4) 0}.comm-mockup.svelte-1y7rzzr{width:100%;max-width:38rem;background:var(--acrylic-bg-2);background-image:var(--acrylic-noise);border:var(--acrylic-border-2);border-radius:var(--radius-lg);box-shadow:var(--acrylic-shadow-3);overflow:hidden;font-size:.6875rem;line-height:1.4}.comm-topbar.svelte-1y7rzzr{display:flex;align-items:center;gap:var(--space-2);padding:.5rem var(--space-4);background:color-mix(in srgb,var(--color-primary) 6%,#fff);border-bottom:1px solid var(--color-border)}.comm-logo.svelte-1y7rzzr{width:1.375rem;height:1.375rem;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-primary-fg);font-weight:900;font-size:.625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comm-page-title.svelte-1y7rzzr{font-weight:800;color:var(--color-text);font-size:.75rem}.comm-org.svelte-1y7rzzr{font-size:.5625rem;color:var(--color-text-muted);flex:1}.comm-new-btn.svelte-1y7rzzr{display:flex;align-items:center;gap:.2rem;padding:.25rem .6rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-fg);font-size:.5625rem;font-weight:700}.comm-card.svelte-1y7rzzr{background:#fff;border-bottom:1px solid var(--color-border)}.comm-banner.svelte-1y7rzzr{height:2.5rem;width:100%;display:flex;align-items:flex-end;padding:.3rem var(--space-4)}.comm-banner-badge.svelte-1y7rzzr{display:flex;align-items:center;gap:.2rem;font-size:.5rem;font-weight:700;color:#fff;background:#00000040;padding:.1rem .4rem;border-radius:9999px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.comm-card-body.svelte-1y7rzzr{padding:var(--space-3) var(--space-4)}.comm-card-head.svelte-1y7rzzr{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.comm-avatar-lg.svelte-1y7rzzr{width:2rem;height:2rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ws-teal-mid) 14%,#fff);color:var(--ws-teal-mid);font-weight:800;font-size:.5625rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid color-mix(in srgb,var(--ws-teal-mid) 20%,transparent)}.comm-card-title.svelte-1y7rzzr{display:block;font-size:.75rem;font-weight:800;color:var(--color-text)}.comm-card-meta.svelte-1y7rzzr{display:block;font-size:.5rem;color:var(--color-text-muted)}.comm-join-btn.svelte-1y7rzzr{margin-left:auto;padding:.2rem .6rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-fg);font-size:.5rem;font-weight:700;flex-shrink:0}.comm-members-row.svelte-1y7rzzr{display:flex;align-items:center;gap:.2rem;margin-bottom:var(--space-2)}.comm-member-avatar.svelte-1y7rzzr{width:1.375rem;height:1.375rem;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 12%,#fff);color:var(--color-primary);font-size:.375rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}.comm-members-more.svelte-1y7rzzr{font-size:.5rem;color:var(--color-text-muted);margin-left:.25rem}.comm-activity.svelte-1y7rzzr{display:flex;flex-direction:column;gap:var(--space-2)}.comm-act-item.svelte-1y7rzzr{display:flex;align-items:center;gap:var(--space-2);font-size:.5625rem;color:var(--color-text-muted)}.comm-act-item.svelte-1y7rzzr .icon{color:var(--ws-teal-mid);flex-shrink:0}.comm-act-item.svelte-1y7rzzr strong:where(.svelte-1y7rzzr){color:var(--color-text)}.comm-card-mini.svelte-1y7rzzr{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-primary) 3%,#fff)}.comm-mini-accent.svelte-1y7rzzr{width:.25rem;height:2.5rem;border-radius:9999px;flex-shrink:0}.comm-mini-init.svelte-1y7rzzr{width:2rem;height:2rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ws-sage-deep) 12%,#fff);color:var(--ws-sage-deep);font-size:.5625rem;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comm-mini-info.svelte-1y7rzzr{flex:1;display:flex;flex-direction:column;gap:1px}.comm-mini-info.svelte-1y7rzzr strong:where(.svelte-1y7rzzr){font-size:.6875rem;font-weight:700;color:var(--color-text)}.comm-mini-info.svelte-1y7rzzr span:where(.svelte-1y7rzzr){font-size:.5rem;color:var(--color-text-muted)}.comm-join-btn-sm.svelte-1y7rzzr{padding:.2rem .5rem;border-radius:var(--radius-full);border:1px solid var(--color-primary);color:var(--color-primary);font-size:.5rem;font-weight:700;flex-shrink:0}