.visual-container[data-astro-cid-fsswmxcn]{position:relative}.visual-card[data-astro-cid-fsswmxcn]{background:#fff;border:1px solid var(--color-steel-100);border-radius:var(--radius-2xl);padding:1.5rem;box-shadow:var(--shadow-xl);overflow:hidden}.mock-calendar-header[data-astro-cid-fsswmxcn]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mock-calendar-month[data-astro-cid-fsswmxcn]{font-weight:600;color:var(--color-steel-900)}.mock-calendar-nav[data-astro-cid-fsswmxcn]{display:flex;gap:.5rem}.mock-nav-btn[data-astro-cid-fsswmxcn]{width:24px;height:24px;background:var(--color-steel-100);border-radius:6px}.mock-calendar-grid[data-astro-cid-fsswmxcn]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:1rem}.mock-day-header[data-astro-cid-fsswmxcn]{text-align:center;font-size:.75rem;font-weight:500;color:var(--color-steel-400);padding:.5rem}.mock-day[data-astro-cid-fsswmxcn]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.8125rem;color:var(--color-steel-600);border-radius:6px}.mock-day[data-astro-cid-fsswmxcn].has-event{background:var(--color-brand-50);color:var(--color-brand-700);font-weight:500}.mock-day[data-astro-cid-fsswmxcn].today{background:var(--color-brand-600);color:#fff}.mock-events[data-astro-cid-fsswmxcn]{display:flex;flex-direction:column;gap:.5rem}.mock-event[data-astro-cid-fsswmxcn]{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;background:var(--color-steel-50);border-radius:8px;font-size:.8125rem;color:var(--color-steel-700)}.mock-event-dot[data-astro-cid-fsswmxcn]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mock-messages[data-astro-cid-fsswmxcn]{display:flex;flex-direction:column;gap:1rem}.mock-message[data-astro-cid-fsswmxcn]{display:flex;gap:.75rem;align-items:flex-end}.mock-message[data-astro-cid-fsswmxcn].outgoing{flex-direction:row-reverse}.mock-avatar[data-astro-cid-fsswmxcn]{width:32px;height:32px;background:var(--color-steel-200);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-steel-600);flex-shrink:0}.mock-bubble[data-astro-cid-fsswmxcn]{max-width:80%;padding:.875rem 1rem;border-radius:16px;font-size:.875rem;line-height:1.5}.mock-message[data-astro-cid-fsswmxcn].incoming .mock-bubble[data-astro-cid-fsswmxcn]{background:var(--color-steel-100);color:var(--color-steel-800);border-bottom-left-radius:4px}.mock-message[data-astro-cid-fsswmxcn].outgoing .mock-bubble[data-astro-cid-fsswmxcn]{background:var(--color-brand-600);color:#fff;border-bottom-right-radius:4px}.mock-ai-badge[data-astro-cid-fsswmxcn]{display:inline-flex;align-items:center;gap:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;margin-bottom:.375rem}.mock-time[data-astro-cid-fsswmxcn]{display:block;font-size:.6875rem;opacity:.6;margin-top:.25rem}.mock-social[data-astro-cid-fsswmxcn]{position:relative}.mock-post[data-astro-cid-fsswmxcn]{border:1px solid var(--color-steel-100);border-radius:12px;overflow:hidden}.mock-post-header[data-astro-cid-fsswmxcn]{display:flex;align-items:center;gap:.75rem;padding:.875rem}.mock-post-avatar[data-astro-cid-fsswmxcn]{width:36px;height:36px;background:var(--color-brand-100);border-radius:50%}.mock-post-name[data-astro-cid-fsswmxcn]{font-size:.875rem;font-weight:600;color:var(--color-steel-900)}.mock-post-handle[data-astro-cid-fsswmxcn]{font-size:.75rem;color:var(--color-steel-400)}.mock-post-image[data-astro-cid-fsswmxcn]{width:100%;height:160px;background:linear-gradient(135deg,var(--color-steel-100),var(--color-steel-200))}.mock-post-content[data-astro-cid-fsswmxcn]{padding:.875rem;font-size:.875rem;color:var(--color-steel-700);line-height:1.5}.mock-post-stats[data-astro-cid-fsswmxcn]{display:flex;gap:1.5rem;padding:0 .875rem .875rem;font-size:.8125rem;color:var(--color-steel-500)}.mock-ai-label[data-astro-cid-fsswmxcn]{position:absolute;bottom:-.75rem;right:1rem;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-brand-600);color:#fff;font-size:.6875rem;font-weight:600;border-radius:6px;box-shadow:var(--shadow-md)}.mock-invoice[data-astro-cid-fsswmxcn]{padding:.5rem}.mock-invoice-header[data-astro-cid-fsswmxcn]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.mock-invoice-logo[data-astro-cid-fsswmxcn]{width:80px;height:24px;background:var(--color-steel-200);border-radius:4px}.mock-invoice-badge[data-astro-cid-fsswmxcn]{padding:.25rem .75rem;background:var(--color-success-light);color:var(--color-success);font-size:.6875rem;font-weight:700;border-radius:4px}.mock-invoice-details[data-astro-cid-fsswmxcn]{margin-bottom:1.25rem}.mock-invoice-row[data-astro-cid-fsswmxcn]{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--color-steel-500);margin-bottom:.375rem}.mock-invoice-items[data-astro-cid-fsswmxcn]{border-top:1px solid var(--color-steel-100);padding-top:1rem}.mock-invoice-item[data-astro-cid-fsswmxcn]{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-steel-700);margin-bottom:.625rem}.mock-invoice-total[data-astro-cid-fsswmxcn]{display:flex;justify-content:space-between;font-size:1rem;font-weight:600;color:var(--color-steel-900);border-top:1px solid var(--color-steel-200);padding-top:.75rem;margin-top:.75rem}.mock-chart-header[data-astro-cid-fsswmxcn]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}.mock-chart-header[data-astro-cid-fsswmxcn] span[data-astro-cid-fsswmxcn]:first-child{font-size:.875rem;color:var(--color-steel-500)}.mock-chart-value[data-astro-cid-fsswmxcn]{font-size:1.5rem;font-weight:700;color:var(--color-steel-900)}.mock-chart-bars[data-astro-cid-fsswmxcn]{display:flex;justify-content:space-between;align-items:flex-end;height:120px;gap:.5rem;margin-bottom:1rem}.mock-bar-wrapper[data-astro-cid-fsswmxcn]{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;height:100%}.mock-bar[data-astro-cid-fsswmxcn]{width:100%;background:linear-gradient(180deg,var(--color-brand-500),var(--color-brand-600));border-radius:4px 4px 0 0;margin-top:auto}.mock-bar-label[data-astro-cid-fsswmxcn]{font-size:.6875rem;color:var(--color-steel-400)}.mock-chart-stats[data-astro-cid-fsswmxcn]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mock-stat[data-astro-cid-fsswmxcn]{background:var(--color-steel-50);padding:.75rem;border-radius:8px}.mock-stat-label[data-astro-cid-fsswmxcn]{display:block;font-size:.75rem;color:var(--color-steel-500);margin-bottom:.25rem}.mock-stat-value[data-astro-cid-fsswmxcn]{font-size:1.125rem;font-weight:600;color:var(--color-steel-900)}.mock-integrations[data-astro-cid-fsswmxcn]{position:relative;height:280px;display:flex;align-items:center;justify-content:center}.mock-int-center[data-astro-cid-fsswmxcn]{width:64px;height:64px;background:var(--color-brand-600);border-radius:16px;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:var(--shadow-lg)}.mock-int-logo[data-astro-cid-fsswmxcn]{font-size:1.5rem;font-weight:700;color:#fff}.mock-int-ring[data-astro-cid-fsswmxcn]{position:absolute;width:220px;height:220px}.mock-int-item[data-astro-cid-fsswmxcn]{position:absolute;width:44px;height:44px;background:#fff;border:1px solid var(--color-steel-100);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--color-steel-600);box-shadow:var(--shadow-sm);left:50%;top:50%;transform:rotate(var(--angle)) translateY(-110px) rotate(calc(-1 * var(--angle))) translate(-50%,-50%)}@media(min-width:1024px){.feature-row[data-astro-cid-fsswmxcn]:nth-child(2n) .feature-content[data-astro-cid-fsswmxcn]{order:2}.feature-row[data-astro-cid-fsswmxcn]:nth-child(2n) .feature-visual[data-astro-cid-fsswmxcn]{order:1}}