.page-wrapper.svelte-a7ccqi{min-height:100vh;background-color:var(--bg-secondary)}.notes-preview-graphic.svelte-a7ccqi{position:relative;width:100%;max-width:400px;height:340px;perspective:1000px}.note-card.svelte-a7ccqi{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;transition:transform .4s ease,box-shadow .4s ease}.note-card.main-note.svelte-a7ccqi{position:absolute;left:0;top:0;width:300px;z-index:2;transform:rotateY(-3deg) rotateX(2deg)}.notes-preview-graphic.svelte-a7ccqi:hover .note-card.main-note:where(.svelte-a7ccqi){transform:rotateY(0) rotateX(0);box-shadow:var(--shadow-2xl)}.note-header.svelte-a7ccqi{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.note-title.svelte-a7ccqi{display:flex;align-items:center;gap:var(--spacing-2);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.note-title.svelte-a7ccqi svg{color:var(--color-primary-500)}.note-badge.svelte-a7ccqi{font-size:var(--text-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm)}.note-sections.svelte-a7ccqi{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.note-section.svelte-a7ccqi{display:flex;flex-direction:column;gap:var(--spacing-2)}.section-label.svelte-a7ccqi{font-size:var(--text-xs);font-weight:600;color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.03em}.mock-text.svelte-a7ccqi{display:flex;flex-direction:column;gap:6px}.text-line.svelte-a7ccqi{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm)}.modality-stack.svelte-a7ccqi{position:absolute;right:0;top:40px;display:flex;flex-direction:column;gap:var(--spacing-2);z-index:1;transition:transform .4s ease}.notes-preview-graphic.svelte-a7ccqi:hover .modality-stack:where(.svelte-a7ccqi){transform:translate(4px)}.modality-chip.svelte-a7ccqi{padding:var(--spacing-2) var(--spacing-4);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:all .3s ease;cursor:default}.modality-chip.svelte-a7ccqi:hover{background:var(--color-primary-50);border-color:var(--color-primary-200);transform:translate(4px)}.modality-chip.more.svelte-a7ccqi:hover{background:var(--color-primary-100)}.modality-chip.svelte-a7ccqi:nth-child(1){transition-delay:0ms}.modality-chip.svelte-a7ccqi:nth-child(2){transition-delay:30ms}.modality-chip.svelte-a7ccqi:nth-child(3){transition-delay:60ms}.modality-chip.svelte-a7ccqi:nth-child(4){transition-delay:90ms}.modality-chip.svelte-a7ccqi:nth-child(5){transition-delay:.12s}.notes-preview-graphic.svelte-a7ccqi:hover .modality-chip:where(.svelte-a7ccqi):nth-child(1){transform:translate(2px)}.notes-preview-graphic.svelte-a7ccqi:hover .modality-chip:where(.svelte-a7ccqi):nth-child(2){transform:translate(6px)}.notes-preview-graphic.svelte-a7ccqi:hover .modality-chip:where(.svelte-a7ccqi):nth-child(3){transform:translate(10px)}.notes-preview-graphic.svelte-a7ccqi:hover .modality-chip:where(.svelte-a7ccqi):nth-child(4){transform:translate(14px)}.notes-preview-graphic.svelte-a7ccqi:hover .modality-chip:where(.svelte-a7ccqi):nth-child(5){transform:translate(18px)}.modality-chip.more.svelte-a7ccqi{background:var(--color-primary-50);color:var(--color-primary-600);border-color:var(--color-primary-200)}@media(max-width:1024px){.notes-preview-graphic.svelte-a7ccqi{max-width:340px;height:300px;margin:0 auto}.note-card.main-note.svelte-a7ccqi{width:260px}}@media(max-width:640px){.notes-preview-graphic.svelte-a7ccqi{max-width:280px;height:280px}.note-card.main-note.svelte-a7ccqi{width:220px}.modality-stack.svelte-a7ccqi{top:20px}.modality-chip.svelte-a7ccqi{padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs)}}.formats-section.svelte-a7ccqi{padding:var(--spacing-16) 0;background:var(--bg-secondary)}.demo-layout.svelte-a7ccqi{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-6);align-items:stretch;margin-top:var(--spacing-8)}.demo-transcript.svelte-a7ccqi{background:var(--color-neutral-900);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.transcript-header.svelte-a7ccqi{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-700)}.transcript-label.svelte-a7ccqi{font-size:var(--text-sm);font-weight:600;color:#fff}.transcript-time.svelte-a7ccqi{font-family:monospace;font-size:var(--text-sm);color:var(--color-neutral-400)}.transcript-content.svelte-a7ccqi{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);position:relative;flex:1}.transcript-line.svelte-a7ccqi{display:flex;flex-direction:column;gap:2px}.transcript-line.svelte-a7ccqi .speaker:where(.svelte-a7ccqi){font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.transcript-line.therapist.svelte-a7ccqi .speaker:where(.svelte-a7ccqi){color:var(--color-primary-400)}.transcript-line.client.svelte-a7ccqi .speaker:where(.svelte-a7ccqi){color:#60a5fa}.transcript-line.svelte-a7ccqi .text:where(.svelte-a7ccqi){font-size:var(--text-sm);color:var(--color-neutral-300);line-height:1.5}.transcript-fade.svelte-a7ccqi{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,var(--color-neutral-900));pointer-events:none}.demo-middle.svelte-a7ccqi{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4) 0}.transform-arrow.svelte-a7ccqi{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-md)}.modality-selector.svelte-a7ccqi{display:flex;flex-direction:column;gap:var(--spacing-2)}.modality-btn.svelte-a7ccqi{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-2) var(--spacing-4);background:var(--bg-card);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;min-width:140px}.modality-btn.svelte-a7ccqi:hover{border-color:var(--color-primary-300);transform:translate(2px)}.modality-btn.active.svelte-a7ccqi{border-color:var(--color-primary-500);background:var(--color-primary-50)}.modality-name.svelte-a7ccqi{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.modality-btn.active.svelte-a7ccqi .modality-name:where(.svelte-a7ccqi){color:var(--color-primary-700)}.modality-full.svelte-a7ccqi{font-size:9px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.02em}.demo-note.svelte-a7ccqi{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.demo-note.svelte-a7ccqi .note-header:where(.svelte-a7ccqi){display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.demo-note.svelte-a7ccqi .note-title:where(.svelte-a7ccqi){display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.demo-note.svelte-a7ccqi .note-title:where(.svelte-a7ccqi) svg{color:var(--color-primary-500)}.demo-note.svelte-a7ccqi .note-badge:where(.svelte-a7ccqi){font-size:var(--text-xs);font-weight:600;padding:var(--spacing-1) var(--spacing-2);background:var(--color-primary-100);color:var(--color-primary-700);border-radius:var(--radius-sm)}.note-content.svelte-a7ccqi{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.demo-note.svelte-a7ccqi .note-section:where(.svelte-a7ccqi){display:flex;flex-direction:column;gap:var(--spacing-1)}.demo-note.svelte-a7ccqi .section-label:where(.svelte-a7ccqi){font-size:var(--text-xs);font-weight:600;color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.03em}.section-text.svelte-a7ccqi{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin:0}.note-more-indicator.svelte-a7ccqi{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) 0;color:var(--text-tertiary)}.note-more-indicator.svelte-a7ccqi span:where(.svelte-a7ccqi):first-child{font-size:var(--text-lg);letter-spacing:.2em;color:var(--border-medium)}.note-more-indicator.svelte-a7ccqi .more-text:where(.svelte-a7ccqi){font-size:var(--text-xs);font-style:italic}.note-disclaimer.svelte-a7ccqi{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-primary-50);border-top:1px solid var(--color-primary-200);font-size:var(--text-xs);color:var(--color-primary-700);text-align:center;font-weight:500}.note-disclaimer.svelte-a7ccqi svg{color:var(--color-primary-500);flex-shrink:0}.how-section.svelte-a7ccqi{padding:var(--spacing-16) 0;background-color:var(--bg-primary)}.features-section.svelte-a7ccqi{padding:var(--spacing-16) 0}@media(max-width:1200px){.demo-layout.svelte-a7ccqi{grid-template-columns:1fr;gap:var(--spacing-4)}.demo-middle.svelte-a7ccqi{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:var(--spacing-4)}.transform-arrow.svelte-a7ccqi{transform:rotate(90deg)}.modality-selector.svelte-a7ccqi{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-2)}.modality-btn.svelte-a7ccqi{min-width:auto;padding:var(--spacing-2) var(--spacing-3)}.modality-full.svelte-a7ccqi{display:none}}@media(max-width:640px){.transcript-line.svelte-a7ccqi .text:where(.svelte-a7ccqi){font-size:var(--text-xs)}.section-text.svelte-a7ccqi{font-size:var(--text-xs)}}