.voice-comparison.svelte-1nrlgzm{text-align:center;max-width:700px;margin:0 auto}.comparison-phrase.svelte-1nrlgzm{font-size:var(--text-xl,1.25rem);color:var(--text-secondary,var(--color-neutral-600));margin:0 0 var(--space-8,2rem);padding:var(--space-6,1.5rem);background:var(--surface-alt);border-radius:1rem;font-style:italic}.comparison-buttons.svelte-1nrlgzm{justify-content:center;align-items:center;gap:var(--space-6,1.5rem);display:flex}.vs-divider.svelte-1nrlgzm{font-size:var(--text-xl,1.25rem);font-weight:var(--font-semibold,600);color:var(--text-secondary,var(--color-neutral-600))}.voice-button.svelte-1nrlgzm{align-items:center;gap:var(--space-4,1rem);border:2px solid var(--border-color,var(--color-neutral-200));background:var(--color-surface);cursor:pointer;border-radius:1rem;min-width:220px;padding:1.25rem 1.75rem;transition:opacity .2s,transform .2s;display:flex;position:relative}.voice-button.svelte-1nrlgzm:hover{border-color:var(--color-primary);box-shadow:0 4px 12px var(--color-black-alpha-10);transform:translateY(-2px)}.voice-button.robotic.svelte-1nrlgzm{border-color:var(--border-color,var(--color-neutral-200))}.voice-button.robotic.svelte-1nrlgzm:hover{border-color:var(--color-neutral-400)}.voice-button.robotic.svelte-1nrlgzm .button-icon:where(.svelte-1nrlgzm){background:var(--color-neutral-100);color:var(--color-neutral-500)}.voice-button.natural.svelte-1nrlgzm{border-color:var(--color-primary)}.voice-button.natural.svelte-1nrlgzm .button-icon:where(.svelte-1nrlgzm){background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.voice-button.playing.svelte-1nrlgzm{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 20%, transparent)}.voice-button.svelte-1nrlgzm:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.quality-badge.svelte-1nrlgzm{border-radius:var(--radius-full,50%);border:2px solid var(--color-white);width:24px;height:24px;box-shadow:0 2px 4px var(--color-black-alpha-10);justify-content:center;align-items:center;display:flex;position:absolute;top:-8px;right:-8px}.robotic-badge.svelte-1nrlgzm{background:var(--color-neutral-100);color:var(--color-neutral-500)}.natural-badge.svelte-1nrlgzm{background:var(--color-primary);color:var(--color-white)}.button-icon.svelte-1nrlgzm{border-radius:var(--radius-full,50%);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.button-content.svelte-1nrlgzm{text-align:left}.button-label.svelte-1nrlgzm{font-weight:var(--font-semibold,600);font-size:var(--text-base,1rem);color:var(--text-primary,var(--color-neutral-800));display:block}.button-desc.svelte-1nrlgzm{color:var(--text-secondary,var(--color-neutral-600));font-size:.8125rem;display:block}.playing-indicator.svelte-1nrlgzm{align-items:flex-end;gap:3px;height:20px;display:flex;position:absolute;right:1rem}.playing-indicator.svelte-1nrlgzm .bar:where(.svelte-1nrlgzm){background:var(--color-primary);border-radius:var(--radius-xs);width:4px;animation:.5s ease-in-out infinite svelte-1nrlgzm-equalizer}.playing-indicator.svelte-1nrlgzm .bar:where(.svelte-1nrlgzm):first-child{height:8px;animation-delay:0s}.playing-indicator.svelte-1nrlgzm .bar:where(.svelte-1nrlgzm):nth-child(2){height:16px;animation-delay:.15s}.playing-indicator.svelte-1nrlgzm .bar:where(.svelte-1nrlgzm):nth-child(3){height:12px;animation-delay:.3s}@keyframes svelte-1nrlgzm-equalizer{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}@media (width<=480px){.comparison-buttons.svelte-1nrlgzm{flex-direction:column}.vs-divider.svelte-1nrlgzm{margin:var(--space-2,.5rem) 0}.voice-button.svelte-1nrlgzm{width:100%;max-width:280px}}@media (prefers-reduced-motion:reduce){.voice-button.svelte-1nrlgzm,.playing-indicator.svelte-1nrlgzm .bar:where(.svelte-1nrlgzm){transition:none;animation:none}.voice-button.svelte-1nrlgzm:hover{transform:none}}.keyboard-demo.svelte-16y466e{background:var(--color-white);max-width:600px;box-shadow:0 10px 40px var(--color-black-alpha-10);border-radius:1.5rem;margin:0 auto;padding:2rem}.voice-selector.svelte-16y466e{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.voice-label.svelte-16y466e{color:var(--text-secondary,var(--color-neutral-600));font-size:.875rem;font-weight:600}.voice-options.svelte-16y466e{gap:.5rem;display:flex}.voice-option.svelte-16y466e{border:1px solid var(--border-color,var(--color-neutral-200));border-radius:var(--radius-full);background:var(--color-surface);color:var(--text-secondary,var(--color-neutral-600));cursor:pointer;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;transition:opacity .2s,transform .2s}.voice-option.svelte-16y466e:hover{border-color:var(--color-primary);color:var(--color-primary)}.voice-option.active.svelte-16y466e{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.voice-option.playing.svelte-16y466e{animation:.6s infinite svelte-16y466e-voicePulse}.voice-option.loading.svelte-16y466e{opacity:.7;cursor:wait}.voice-option.svelte-16y466e:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.voice-option.svelte-16y466e:disabled{opacity:.5;cursor:not-allowed}@keyframes svelte-16y466e-voicePulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-primary) 40%, transparent)}50%{box-shadow:0 0 0 8px #0000}}.category-tabs.svelte-16y466e{gap:.5rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.category-tab.svelte-16y466e{background:var(--surface-alt);color:var(--text-secondary,var(--color-neutral-600));cursor:pointer;white-space:nowrap;border:none;border-radius:.5rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;transition:opacity .2s,transform .2s}.category-tab.svelte-16y466e:hover{background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary)}.category-tab.active.svelte-16y466e{background:var(--color-primary);color:var(--color-white)}.category-tab.svelte-16y466e:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.word-grid.svelte-16y466e{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.word-button.svelte-16y466e{border:2px solid var(--border-color,var(--color-neutral-200));background:var(--color-surface);color:var(--text-primary,var(--color-neutral-800));cursor:pointer;border-radius:.75rem;padding:1rem;font-size:1rem;font-weight:600;transition:opacity .15s,transform .15s}.word-button.svelte-16y466e:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, transparent);transform:scale(1.02)}.word-button.svelte-16y466e:active{transform:scale(.98)}.word-button.speaking.svelte-16y466e{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-white);animation:.5s svelte-16y466e-speakPulse}.word-button.svelte-16y466e:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes svelte-16y466e-speakPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.demo-callout.svelte-16y466e{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 8%, transparent), color-mix(in srgb, var(--color-primary) 4%, transparent));border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);color:var(--color-primary);border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem;display:flex}.demo-callout.svelte-16y466e svg{flex-shrink:0;margin-top:.125rem}.callout-content.svelte-16y466e{flex:1}.callout-content.svelte-16y466e strong:where(.svelte-16y466e){color:var(--color-primary);margin-bottom:.25rem;font-size:.9375rem;display:block}.callout-content.svelte-16y466e p:where(.svelte-16y466e){color:var(--text-secondary,var(--color-neutral-600));margin:0;font-size:.8125rem;line-height:1.5}@media (width<=480px){.keyboard-demo.svelte-16y466e{padding:1rem}.voice-selector.svelte-16y466e{flex-direction:column;align-items:flex-start}.voice-options.svelte-16y466e{grid-template-columns:1fr 1fr;gap:.375rem;width:100%;display:grid}.voice-option.svelte-16y466e{text-align:center;padding:.375rem .5rem;font-size:.75rem}.word-grid.svelte-16y466e{grid-template-columns:repeat(2,1fr);gap:.375rem}.demo-callout.svelte-16y466e{text-align:center;flex-direction:column}.demo-callout.svelte-16y466e svg{align-self:center}.voice-option.svelte-16y466e{padding:.375rem .5rem;font-size:.75rem}}.keyboard-showcase.svelte-16k4tay{--color-primary:var(--color-primary-500);--color-primary-dark:var(--color-primary-600);--color-accent:var(--color-warning,var(--color-warning));--color-danger:var(--color-error,var(--color-error));--text-primary:var(--text-primary,var(--color-neutral-800));--text-secondary:var(--text-secondary,var(--color-neutral-600));--surface-background:var(--surface-background,var(--color-white));--surface-alt:var(--surface-elevated);--border-color:var(--border-color-default,var(--color-neutral-200));font-family:var(--font-family,system-ui, -apple-system, sans-serif);color:var(--text-primary);background:var(--surface-background)}.container.svelte-16k4tay{max-width:1200px;padding:0 var(--space-6,1.5rem);margin:0 auto}@keyframes svelte-16k4tay-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.showcase-header.svelte-16k4tay{z-index:100;background:var(--color-white-alpha-90);backdrop-filter:blur(10px);width:100%;transition:opacity,transform .3s;position:fixed;top:0;left:0;right:0}.showcase-header.scrolled.svelte-16k4tay{box-shadow:var(--shadow-md)}.header-container.svelte-16k4tay{width:100%;max-width:1400px;padding:var(--space-4,1rem) var(--space-8,2rem);box-sizing:border-box;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.header-nav.svelte-16k4tay{gap:var(--space-8,2rem);display:flex}.header-nav.svelte-16k4tay a:where(.svelte-16k4tay){color:var(--text-secondary);font-weight:var(--font-medium,500);text-decoration:none;transition:color .2s}.header-nav.svelte-16k4tay a:where(.svelte-16k4tay):hover{color:var(--color-primary)}.header-nav.svelte-16k4tay a:where(.svelte-16k4tay):focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm,4px)}.header-actions.svelte-16k4tay{align-items:center;gap:var(--space-4,1rem);display:flex}.login-link.svelte-16k4tay{color:var(--text-secondary);font-weight:var(--font-medium,500);text-decoration:none}.login-link.svelte-16k4tay:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm,4px)}.hamburger-btn.svelte-16k4tay{padding:var(--space-2,.5rem);color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;transition:background .2s;display:none}.hamburger-btn.svelte-16k4tay:hover{background:var(--surface-alt)}.hamburger-btn.svelte-16k4tay:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.desktop-only.svelte-16k4tay{display:inline-flex}.mobile-nav-backdrop.svelte-16k4tay{background:var(--color-black-alpha-50);z-index:150;position:fixed;inset:0}.mobile-nav-drawer.svelte-16k4tay{background:var(--surface-background);z-index:200;width:min(320px,85vw);box-shadow:4px 0 20px var(--color-black-alpha-10);animation:slide-in-left var(--motion-standard,.3s) var(--ease-emphasized-decel) both;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.mobile-nav-header.svelte-16k4tay{padding:var(--space-4,1rem) var(--space-6,1.5rem);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.mobile-nav-close.svelte-16k4tay{padding:var(--space-2,.5rem);color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;display:flex}.mobile-nav-close.svelte-16k4tay:hover{background:var(--surface-alt)}.mobile-nav-links.svelte-16k4tay{padding:var(--space-4,1rem) 0;flex-direction:column;flex:1;display:flex}.mobile-nav-links.svelte-16k4tay a:where(.svelte-16k4tay){padding:var(--space-4,1rem) var(--space-6,1.5rem);color:var(--text-primary);font-weight:var(--font-medium,500);font-size:var(--text-lg,1.125rem);text-decoration:none;transition:background .2s;display:block}.mobile-nav-links.svelte-16k4tay a:where(.svelte-16k4tay):hover{background:var(--surface-alt);color:var(--color-primary)}.mobile-nav-cta.svelte-16k4tay{padding:var(--space-6,1.5rem);border-top:1px solid var(--border-color)}.mobile-nav-cta.svelte-16k4tay .cta-button:where(.svelte-16k4tay){justify-content:center;width:100%}.cta-button.svelte-16k4tay{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-3,.75rem) var(--space-6,1.5rem);font-weight:var(--font-semibold,600);cursor:pointer;border:none;border-radius:.5rem;font-size:.9375rem;transition:background-color,border-color,color,box-shadow,transform .2s;display:inline-flex}.cta-button.primary.svelte-16k4tay{background:var(--color-primary);color:var(--color-white)}.cta-button.primary.svelte-16k4tay:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px color-mix(in srgb, var(--color-primary) 30%, transparent);transform:translateY(-2px)}.cta-button.secondary.svelte-16k4tay{color:var(--color-primary);border:2px solid var(--color-primary);background:0 0}.cta-button.secondary.svelte-16k4tay:hover{background:var(--color-primary);color:var(--color-white)}.cta-button.svelte-16k4tay:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.cta-button.large.svelte-16k4tay{padding:var(--space-4,1rem) var(--space-8,2rem);font-size:1.0625rem}.cta-button.extra-large.svelte-16k4tay{font-size:var(--text-lg,1.125rem);padding:1.25rem 2.5rem}.hero-section.svelte-16k4tay{min-height:100dvh;padding:6rem var(--space-6,1.5rem) var(--space-12,3rem);background:linear-gradient(180deg, var(--color-primary-50) 0%, var(--surface-background) 100%);flex-direction:column;justify-content:center;display:flex;position:relative}.hero-container.svelte-16k4tay{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.hero-badge.svelte-16k4tay{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-4,1rem);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-full,9999px);color:var(--color-primary);font-weight:var(--font-semibold,600);font-size:var(--text-sm,.875rem);margin-bottom:var(--space-6,1.5rem);display:inline-flex}.hero-title.svelte-16k4tay{margin:0 0 var(--space-6,1.5rem);color:var(--text-primary);font-size:3.5rem;font-weight:800;line-height:1.1}.hero-subtitle.svelte-16k4tay{font-size:var(--text-xl,1.25rem);color:var(--text-secondary);margin:0 0 var(--space-8,2rem);line-height:1.6}.hero-actions.svelte-16k4tay{gap:var(--space-4,1rem);flex-wrap:wrap;display:flex}.hero-note.svelte-16k4tay{margin-top:var(--space-4,1rem);font-size:var(--text-sm,.875rem);color:var(--text-secondary)}.hero-visual.svelte-16k4tay{justify-content:center;display:flex}.keyboard-preview.svelte-16k4tay{background:var(--surface-background);padding:var(--space-8,2rem);box-shadow:var(--shadow-xl);border-radius:1.5rem;max-width:400px}.preview-words.svelte-16k4tay{gap:var(--space-3,.75rem);margin-bottom:var(--space-6,1.5rem);flex-wrap:wrap;display:flex}.word-bubble.svelte-16k4tay{padding:var(--space-3,.75rem) 1.25rem;background:var(--surface-alt);font-weight:var(--font-medium,500);border-radius:1rem;transition:opacity,transform .2s;animation:2s ease-in-out infinite svelte-16k4tay-wordPulse}.word-bubble.svelte-16k4tay:nth-child(2){animation-delay:.2s}.word-bubble.svelte-16k4tay:nth-child(3){animation-delay:.4s}.word-bubble.svelte-16k4tay:nth-child(4){animation-delay:.6s}.word-bubble.accent.svelte-16k4tay{background:var(--color-primary);color:var(--color-white)}@keyframes svelte-16k4tay-wordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.preview-output.svelte-16k4tay{align-items:center;gap:var(--space-3,.75rem);padding:var(--space-4,1rem) var(--space-6,1.5rem);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-400) 100%);color:var(--color-white);font-weight:var(--font-semibold,600);border-radius:1rem;display:flex}.preview-output.svelte-16k4tay .speaking-icon{animation:1s ease-in-out infinite svelte-16k4tay-speakPulse}@keyframes svelte-16k4tay-speakPulse{0%,to{opacity:1}50%{opacity:.5}}.scroll-hint.svelte-16k4tay{color:var(--text-secondary);animation:2s infinite svelte-16k4tay-bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes svelte-16k4tay-bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(10px)}}.problem-section.svelte-16k4tay{background:var(--surface-alt);padding:6rem 0}.problem-content.svelte-16k4tay{text-align:center}.problem-headline.svelte-16k4tay{font-size:var(--text-4xl,2.25rem);font-weight:var(--font-bold,700);color:var(--text-primary);margin:0 0 2.5rem;line-height:1.3}.problem-cards.svelte-16k4tay{gap:var(--space-6,1.5rem);margin-bottom:var(--space-12,3rem);grid-template-columns:repeat(3,1fr);display:grid}.problem-card.svelte-16k4tay{background:var(--surface-background);padding:var(--space-8,2rem);text-align:center;border-radius:1rem}.problem-icon.svelte-16k4tay{background:color-mix(in srgb, var(--color-error) 10%, transparent);border-radius:var(--radius-full,50%);width:56px;height:56px;color:var(--color-danger);margin-bottom:var(--space-4,1rem);justify-content:center;align-items:center;display:inline-flex}.problem-card.svelte-16k4tay h3:where(.svelte-16k4tay){font-size:var(--text-lg,1.125rem);font-weight:var(--font-bold,700);margin:0 0 var(--space-2,.5rem);color:var(--text-primary)}.problem-card.svelte-16k4tay p:where(.svelte-16k4tay){color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.5}.emotional-narrative.svelte-16k4tay{max-width:700px;font-size:var(--text-lg,1.125rem);color:var(--text-primary);padding:var(--space-8,2rem);background:var(--surface-background);border-left:4px solid var(--color-primary);border-radius:1rem;margin:0 auto;line-height:1.7}.voice-section.svelte-16k4tay{background:var(--surface-background);padding:6rem 0}.section-header.svelte-16k4tay{text-align:center;margin-bottom:var(--space-12,3rem);flex-direction:column;align-items:center;display:flex}.section-badge.svelte-16k4tay{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-2,.5rem) var(--space-4,1rem);background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-full,9999px);color:var(--color-primary);font-weight:var(--font-semibold,600);font-size:var(--text-sm,.875rem);margin-bottom:var(--space-4,1rem);display:inline-flex}.section-title.svelte-16k4tay{font-size:2.5rem;font-weight:var(--font-bold,700);margin:0 0 var(--space-3,.75rem);color:var(--text-primary)}.section-subtitle.svelte-16k4tay{font-size:var(--text-lg,1.125rem);color:var(--text-secondary);margin:0;line-height:1.6}.voice-note.svelte-16k4tay{text-align:center;font-size:var(--text-base,1rem);color:var(--text-secondary);margin-top:var(--space-8,2rem)}.smart-section.svelte-16k4tay{background:var(--surface-alt);padding:6rem 0}.smart-demo.svelte-16k4tay{justify-content:center;align-items:center;gap:var(--space-8,2rem);margin-bottom:var(--space-8,2rem);display:flex}.class-card.svelte-16k4tay{background:var(--surface-background);padding:var(--space-6,1.5rem) var(--space-8,2rem);box-shadow:var(--shadow-sm);border-radius:1rem;min-width:280px}.class-header.svelte-16k4tay{align-items:center;gap:var(--space-2,.5rem);font-weight:var(--font-semibold,600);color:var(--text-primary);margin-bottom:var(--space-4,1rem);display:flex}.class-header.svelte-16k4tay svg{color:var(--color-primary)}.suggested-words.svelte-16k4tay{gap:var(--space-2,.5rem);flex-wrap:wrap;display:flex}.word-chip.svelte-16k4tay{padding:var(--space-2,.5rem) var(--space-4,1rem);background:color-mix(in srgb, var(--color-primary) 10%, transparent);color:var(--color-primary);border-radius:var(--radius-full,9999px);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500)}.arrow-connector.svelte-16k4tay{color:var(--text-secondary)}.smart-note.svelte-16k4tay{text-align:center;font-size:var(--text-base,1rem);color:var(--text-secondary)}.persona-section.svelte-16k4tay{background:var(--surface-background);padding:6rem 0}.tone-generation-demo.svelte-16k4tay{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 5%, transparent), color-mix(in srgb, var(--color-primary) 2%, transparent));border:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);padding:var(--space-8,2rem);margin-bottom:var(--space-8,2rem);border-radius:1rem}.tone-demo-header.svelte-16k4tay{justify-content:center;align-items:center;gap:var(--space-2,.5rem);color:var(--color-primary);font-weight:var(--font-semibold,600);margin-bottom:var(--space-6,1.5rem);display:flex}.tone-themes.svelte-16k4tay{justify-content:center;gap:var(--space-3,.75rem);flex-wrap:wrap;display:flex}.tone-theme-chip.svelte-16k4tay{align-items:center;gap:var(--space-2,.5rem);padding:var(--space-3,.75rem) 1.25rem;background:var(--surface-background);border:1px solid var(--border-color,var(--color-neutral-200));border-radius:var(--radius-full,9999px);font-size:var(--text-sm,.875rem);font-weight:var(--font-medium,500);cursor:pointer;transition:opacity,transform .2s;display:flex}.tone-theme-chip.svelte-16k4tay:hover{border-color:var(--color-primary);box-shadow:0 2px 8px color-mix(in srgb, var(--color-primary) 15%, transparent);transform:translateY(-1px)}.tone-theme-chip.custom.svelte-16k4tay{color:var(--text-secondary);border-style:dashed}.tone-theme-chip.custom.svelte-16k4tay:hover{color:var(--color-primary)}.theme-icon.svelte-16k4tay{font-size:var(--text-lg,1.125rem)}.theme-name.svelte-16k4tay{color:var(--text-primary)}.persona-demo.svelte-16k4tay{gap:var(--space-6,1.5rem);margin-bottom:var(--space-8,2rem);grid-template-columns:repeat(3,1fr);display:grid}.persona-card.svelte-16k4tay{background:var(--surface-alt);padding:var(--space-6,1.5rem);text-align:left;border-radius:1rem;transition:opacity,transform .2s}.persona-card.svelte-16k4tay:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.persona-header.svelte-16k4tay{margin-bottom:var(--space-1,.25rem);justify-content:space-between;align-items:center;display:flex}.persona-name.svelte-16k4tay{font-size:var(--text-lg,1.125rem);font-weight:var(--font-bold,700);color:var(--text-primary);margin:0}.persona-saved-badge.svelte-16k4tay{font-size:.6875rem;font-weight:var(--font-semibold,600);text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);padding:var(--space-1,.25rem) var(--space-2,.5rem);border-radius:var(--radius-sm,4px)}.persona-desc.svelte-16k4tay{font-size:var(--text-sm,.875rem);color:var(--text-secondary);margin:0 0 var(--space-4,1rem)}.persona-tones.svelte-16k4tay{gap:var(--space-2,.5rem);flex-wrap:wrap;display:flex}.tone-chip.svelte-16k4tay{padding:var(--space-1-5,.375rem) var(--space-3,.75rem);background:hsl(calc(var(--tone-hue,0) + 160), 60%, 95%);color:hsl(calc(var(--tone-hue,0) + 160), 50%, 35%);border-radius:var(--radius-full,9999px);font-size:var(--text-xs,.75rem);font-weight:var(--font-medium,500)}.persona-note.svelte-16k4tay{text-align:center;font-size:var(--text-base,1rem);color:var(--text-secondary);line-height:1.6}.persona-note.svelte-16k4tay strong:where(.svelte-16k4tay){color:var(--text-primary)}.accessibility-section.svelte-16k4tay{background:var(--surface-background);padding:6rem 0}.a11y-grid.svelte-16k4tay{gap:var(--space-6,1.5rem);margin-bottom:var(--space-8,2rem);grid-template-columns:repeat(4,1fr);display:grid}.a11y-card.svelte-16k4tay{text-align:center;padding:var(--space-8,2rem) var(--space-6,1.5rem);background:var(--surface-alt);border-radius:1rem}.a11y-icon.svelte-16k4tay{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-full,50%);width:56px;height:56px;color:var(--color-primary);margin-bottom:var(--space-4,1rem);justify-content:center;align-items:center;display:inline-flex}.a11y-card.svelte-16k4tay h3:where(.svelte-16k4tay){font-size:var(--text-base,1rem);font-weight:var(--font-bold,700);margin:0 0 var(--space-1,.25rem);color:var(--text-primary)}.a11y-card.svelte-16k4tay p:where(.svelte-16k4tay){font-size:var(--text-sm,.875rem);color:var(--text-secondary);margin:0}.a11y-promise.svelte-16k4tay{justify-content:center;align-items:center;gap:var(--space-3,.75rem);padding:var(--space-6,1.5rem);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-400) 100%);color:var(--color-white);font-size:var(--text-lg,1.125rem);font-weight:var(--font-medium,500);border-radius:1rem;display:flex}.comparison-section.svelte-16k4tay{background:var(--surface-alt);padding:6rem 0}.comparison-table.svelte-16k4tay{background:var(--surface-background);max-width:800px;box-shadow:var(--shadow-sm);border-radius:1rem;margin:0 auto;overflow:hidden}.comparison-header.svelte-16k4tay,.comparison-row.svelte-16k4tay{grid-template-columns:1.5fr 1fr 1fr;display:grid}.comparison-header.svelte-16k4tay{background:var(--text-primary);color:var(--color-white);font-weight:var(--font-semibold,600)}.comparison-header.svelte-16k4tay>div:where(.svelte-16k4tay),.comparison-row.svelte-16k4tay>div:where(.svelte-16k4tay){padding:var(--space-4,1rem) var(--space-6,1.5rem)}.comparison-row.svelte-16k4tay{border-bottom:1px solid var(--border-color)}.comparison-row.svelte-16k4tay:last-child{border-bottom:none}.col-feature.svelte-16k4tay{font-weight:var(--font-medium,500);color:var(--text-primary)}.col-cocovox.highlight.svelte-16k4tay{align-items:center;gap:var(--space-2,.5rem);color:var(--color-primary);font-weight:var(--font-semibold,600);display:flex}.col-others.dim.svelte-16k4tay{color:var(--text-secondary)}.demo-section.svelte-16k4tay{background:var(--surface-background);padding:6rem 0}.demo-upgrade.svelte-16k4tay{text-align:center;font-size:var(--text-base,1rem);color:var(--text-secondary);margin-top:var(--space-8,2rem)}.social-section.svelte-16k4tay{background:var(--surface-alt);padding:6rem 0}.testimonials.svelte-16k4tay{gap:var(--space-8,2rem);grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto;display:grid}.testimonial-card.svelte-16k4tay{background:var(--surface-background);padding:var(--space-8,2rem);text-align:center;border-radius:1rem}.testimonial-icon.svelte-16k4tay{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-full,50%);width:48px;height:48px;color:var(--color-primary);margin-bottom:var(--space-4,1rem);justify-content:center;align-items:center;display:inline-flex}.testimonial-card.svelte-16k4tay blockquote:where(.svelte-16k4tay){font-size:var(--text-base,1rem);color:var(--text-primary);margin:0 0 var(--space-4,1rem);font-style:italic;line-height:1.6}.testimonial-card.svelte-16k4tay cite:where(.svelte-16k4tay){font-size:var(--text-sm,.875rem);color:var(--text-secondary);font-style:normal;font-weight:var(--font-medium,500)}.final-cta-section.svelte-16k4tay{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-400) 100%);color:var(--color-white);padding:6rem 0}.cta-content.svelte-16k4tay{text-align:center;max-width:600px;margin:0 auto}.cta-title.svelte-16k4tay{font-size:2.5rem;font-weight:var(--font-bold,700);margin:0 0 var(--space-6,1.5rem)}.cta-pricing.svelte-16k4tay{margin-bottom:var(--space-4,1rem)}.cta-pricing.svelte-16k4tay .price:where(.svelte-16k4tay){font-size:3rem;font-weight:800}.cta-pricing.svelte-16k4tay .period:where(.svelte-16k4tay){font-size:var(--text-xl,1.25rem);opacity:.9}.cta-features.svelte-16k4tay{font-size:var(--text-lg,1.125rem);opacity:.9;margin:0 0 var(--space-8,2rem)}.cta-button.primary.extra-large.svelte-16k4tay{background:var(--surface-background);color:var(--color-primary)}.cta-button.primary.extra-large.svelte-16k4tay:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.cta-note.svelte-16k4tay{margin-top:var(--space-4,1rem);font-size:var(--text-sm,.875rem);opacity:.8}.showcase-footer.svelte-16k4tay{padding:var(--space-8,2rem) 0;background:var(--text-primary);color:var(--color-white)}.showcase-footer.svelte-16k4tay .container:where(.svelte-16k4tay){text-align:center}.footer-links.svelte-16k4tay{justify-content:center;gap:var(--space-8,2rem);margin-bottom:var(--space-4,1rem);display:flex}.footer-links.svelte-16k4tay a:where(.svelte-16k4tay){color:var(--color-white-alpha-70);font-size:var(--text-sm,.875rem);text-decoration:none}.footer-links.svelte-16k4tay a:where(.svelte-16k4tay):hover{color:var(--color-white)}.footer-copyright-container.svelte-16k4tay{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.footer-mascot.svelte-16k4tay{opacity:.85;width:auto;height:40px;transition:opacity .2s}.footer-mascot.svelte-16k4tay:hover{opacity:1}.footer-copyright.svelte-16k4tay{font-size:var(--text-sm,.875rem);color:var(--color-white-alpha-50);margin:0}@media (width<=968px){.hero-container.svelte-16k4tay{text-align:center;grid-template-columns:1fr}.hero-title.svelte-16k4tay{font-size:2.5rem}.hero-actions.svelte-16k4tay{justify-content:center}.hero-visual.svelte-16k4tay{order:-1}.keyboard-preview.svelte-16k4tay{max-width:350px}.header-nav.svelte-16k4tay{display:none}.hamburger-btn.svelte-16k4tay{display:flex}.desktop-only.svelte-16k4tay,.login-link.svelte-16k4tay{display:none}.problem-cards.svelte-16k4tay{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.smart-demo.svelte-16k4tay{flex-direction:column}.arrow-connector.svelte-16k4tay{transform:rotate(90deg)}.a11y-grid.svelte-16k4tay{grid-template-columns:repeat(2,1fr)}.tone-themes.svelte-16k4tay{gap:var(--space-2,.5rem)}.tone-theme-chip.svelte-16k4tay{padding:var(--space-2,.5rem) var(--space-4,1rem);font-size:.8125rem}.persona-demo.svelte-16k4tay{grid-template-columns:1fr;max-width:350px;margin-left:auto;margin-right:auto}.testimonials.svelte-16k4tay{grid-template-columns:1fr}.comparison-table.svelte-16k4tay{font-size:var(--text-sm,.875rem)}.comparison-header.svelte-16k4tay>div:where(.svelte-16k4tay),.comparison-row.svelte-16k4tay>div:where(.svelte-16k4tay){padding:var(--space-3,.75rem) var(--space-4,1rem)}}@media (width<=480px){.comparison-header.svelte-16k4tay,.comparison-row.svelte-16k4tay{grid-template-columns:1.4fr 1.1fr .8fr}.comparison-table.svelte-16k4tay{font-size:var(--text-xs,.75rem)}.comparison-header.svelte-16k4tay>div:where(.svelte-16k4tay),.comparison-row.svelte-16k4tay>div:where(.svelte-16k4tay){padding:.625rem var(--space-2,.5rem)}.col-cocovox.highlight.svelte-16k4tay{gap:var(--space-1,.25rem)}}@media (width<=600px){.hero-title.svelte-16k4tay{font-size:2rem}.section-title.svelte-16k4tay{font-size:var(--text-3xl,1.875rem)}.problem-headline.svelte-16k4tay{font-size:1.75rem}.a11y-grid.svelte-16k4tay{grid-template-columns:1fr;max-width:300px;margin-left:auto;margin-right:auto}.cta-title.svelte-16k4tay{font-size:var(--text-3xl,1.875rem)}.cta-pricing.svelte-16k4tay .price:where(.svelte-16k4tay){font-size:2.5rem}}@media (prefers-reduced-motion:reduce){.word-bubble.svelte-16k4tay,.preview-output.svelte-16k4tay .speaking-icon,.scroll-hint.svelte-16k4tay{animation:none}.cta-button.svelte-16k4tay:hover,.persona-card.svelte-16k4tay:hover{transform:none}.showcase-header.svelte-16k4tay,.cta-button.svelte-16k4tay,.persona-card.svelte-16k4tay{transition:none}}.dark .keyboard-showcase.svelte-16k4tay{background:var(--surface-background)}.dark .showcase-header.svelte-16k4tay{background:var(--color-black-alpha-90);border-bottom-color:var(--border-color)}.dark .showcase-header.scrolled.svelte-16k4tay{background:var(--surface-background);box-shadow:0 2px 12px var(--color-black-alpha-30)}.dark .mobile-nav-drawer.svelte-16k4tay{background:var(--surface-background)}.dark .mobile-nav-header.svelte-16k4tay{border-bottom-color:var(--border-color)}.dark .hero-section.svelte-16k4tay{background:linear-gradient(180deg, var(--surface-background) 0%, var(--surface-alt) 100%)}.dark .problem-section.svelte-16k4tay{background:var(--surface-alt)}.dark .voice-section.svelte-16k4tay{background:var(--surface-background)}.dark .smart-section.svelte-16k4tay{background:var(--surface-alt)}.dark .persona-section.svelte-16k4tay{background:var(--surface-background)}.dark .accessibility-section.svelte-16k4tay{background:var(--surface-alt)}.dark .comparison-section.svelte-16k4tay{background:var(--surface-background)}.dark .demo-section.svelte-16k4tay{background:var(--surface-alt)}.dark .social-section.svelte-16k4tay{background:var(--surface-background)}.dark .hero-title.svelte-16k4tay,.dark .section-title.svelte-16k4tay,.dark .problem-headline.svelte-16k4tay{color:var(--text-primary)}.dark .hero-subtitle.svelte-16k4tay,.dark .section-subtitle.svelte-16k4tay,.dark .voice-note.svelte-16k4tay,.dark .smart-note.svelte-16k4tay,.dark .persona-note.svelte-16k4tay,.dark .demo-upgrade.svelte-16k4tay{color:var(--text-secondary)}.dark .hero-badge.svelte-16k4tay,.dark .section-badge.svelte-16k4tay{background:color-mix(in srgb, var(--color-primary) 20%, transparent);border-color:color-mix(in srgb, var(--color-primary) 40%, transparent);color:var(--color-primary)}.dark .hero-breadcrumb.svelte-16k4tay{color:var(--text-secondary)}.dark .hero-breadcrumb.svelte-16k4tay:hover{color:var(--color-primary)}.dark .keyboard-preview.svelte-16k4tay{background:var(--surface-card);border-color:var(--border-color);box-shadow:0 20px 60px var(--color-black-alpha-30)}.dark .word-bubble.svelte-16k4tay{background:var(--surface-elevated);color:var(--text-primary)}.dark .word-bubble.accent.svelte-16k4tay{background:var(--color-primary);color:var(--color-white)}.dark .problem-card.svelte-16k4tay{background:var(--surface-card);border-color:var(--border-color)}.dark .problem-card.svelte-16k4tay h3:where(.svelte-16k4tay){color:var(--text-primary)}.dark .problem-card.svelte-16k4tay p:where(.svelte-16k4tay){color:var(--text-secondary)}.dark .class-card.svelte-16k4tay{background:var(--surface-card);border-color:var(--border-color)}.dark .class-header.svelte-16k4tay{color:var(--text-primary)}.dark .suggested-words.svelte-16k4tay .word-chip:where(.svelte-16k4tay){background:var(--surface-elevated);color:var(--text-secondary)}.dark .persona-card.svelte-16k4tay{background:var(--surface-card);border-color:var(--border-color)}.dark .persona-card.svelte-16k4tay h3:where(.svelte-16k4tay){color:var(--text-primary)}.dark .persona-card.svelte-16k4tay p:where(.svelte-16k4tay){color:var(--text-secondary)}.dark .a11y-card.svelte-16k4tay{background:var(--surface-card);border-color:var(--border-color)}.dark .a11y-card.svelte-16k4tay h3:where(.svelte-16k4tay){color:var(--text-primary)}.dark .a11y-card.svelte-16k4tay p:where(.svelte-16k4tay){color:var(--text-secondary)}.dark .testimonial-card.svelte-16k4tay{background:var(--surface-card);border-color:var(--border-color)}.dark .testimonial-card.svelte-16k4tay blockquote:where(.svelte-16k4tay){color:var(--text-secondary)}.dark .testimonial-card.svelte-16k4tay cite:where(.svelte-16k4tay){color:var(--text-tertiary)}.dark .emotional-narrative.svelte-16k4tay{background:var(--surface-card);border-color:var(--border-color)}.dark .tone-generation-demo.svelte-16k4tay{background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 10%, transparent), color-mix(in srgb, var(--color-primary) 5%, transparent));border-color:color-mix(in srgb, var(--color-primary) 30%, transparent)}.dark .tone-chip.svelte-16k4tay{background:var(--surface-elevated);color:var(--text-secondary);border-color:var(--border-color)}.dark .tone-theme-chip.svelte-16k4tay{background:var(--surface-elevated);color:var(--text-secondary)}.dark .comparison-table.svelte-16k4tay{background:var(--surface-card);border-color:var(--border-color)}.dark .comparison-header.svelte-16k4tay{background:var(--surface-elevated)}.dark .comparison-header.svelte-16k4tay>div:where(.svelte-16k4tay){color:var(--text-primary)}.dark .comparison-row.svelte-16k4tay{border-color:var(--border-color)}.dark .comparison-row.svelte-16k4tay>div:where(.svelte-16k4tay){color:var(--text-secondary)}.dark .comparison-row.svelte-16k4tay>div:where(.svelte-16k4tay):first-child{color:var(--text-primary)}.dark .showcase-footer.svelte-16k4tay{background:var(--surface-background);border-top-color:var(--border-color)}.dark .showcase-footer.svelte-16k4tay a:where(.svelte-16k4tay){color:var(--text-secondary)}.dark .showcase-footer.svelte-16k4tay a:where(.svelte-16k4tay):hover{color:var(--text-primary)}