:root{--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-bg: #f5f5f7;--color-text: #1d1d1f;--color-border: #e3e3e8;--color-muted: #6e6e73;--color-hover: #ececf0;--color-accent: #5a4a86;--color-on-accent: #fff;--color-shadow: rgba(0, 0, 0, .1);--color-surface: #fff;--color-surface-secondary: #f5f5f7;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-separator: rgba(60, 60, 67, .12);--color-fill: rgba(120, 120, 128, .1);--color-fill-secondary: rgba(120, 120, 128, .16);--color-accent-tint: color-mix(in srgb, var(--color-accent) 12%, transparent);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--shadow-card: 0 0 0 .5px rgba(0, 0, 0, .03), 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .04);--shadow-popover: 0 0 0 1px rgba(0, 0, 0, .04), 0 12px 32px rgba(0, 0, 0, .14);--shadow-modal: 0 0 0 1px rgba(0, 0, 0, .04), 0 24px 60px rgba(0, 0, 0, .28);--font-size-large-title: 26px;--font-size-title2: 20px;--font-size-title3: 16px;--font-size-body: 14px;--font-size-footnote: 12px;--font-size-caption: 11px}:host{--font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root.theme-dark{--color-bg: #1c1c1e;--color-text: #f5f5f7;--color-border: #3a3a3c;--color-muted: #a1a1a6;--color-hover: #3a3a3c;--color-accent: #9a86d4;--color-on-accent: #1c1c1e;--color-shadow: rgba(0, 0, 0, .5);--color-surface: #2c2c2e;--color-surface-secondary: #3a3a3c;--color-text-secondary: #a1a1a6;--color-text-tertiary: #7c7c80;--color-separator: rgba(84, 84, 88, .5);--color-fill: rgba(120, 120, 128, .2);--color-fill-secondary: rgba(120, 120, 128, .28);--shadow-card: 0 0 0 .5px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .4), 0 4px 12px rgba(0, 0, 0, .3);--shadow-popover: 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 32px rgba(0, 0, 0, .55);--shadow-modal: 0 0 0 1px rgba(255, 255, 255, .06), 0 24px 60px rgba(0, 0, 0, .7)}.ui-btn,.ui-icon-btn{--_accent: var(--panel-accent, var(--color-accent, #4c8bf5));--_text: var(--panel-text, var(--color-text, #1a1a1a));--_border: var(--panel-border, var(--color-border, #e0e0e0));--_hover: var(--panel-hover, var(--color-hover, #f0f0f0));--_fill: var(--color-fill, var(--panel-hover, #f0f0f0))}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-md, 8px);font-family:inherit;font-weight:600;line-height:1;cursor:pointer;transition:background .15s ease,filter .15s ease,opacity .15s ease}.ui-btn:focus-visible,.ui-icon-btn:focus-visible{outline:2px solid var(--_accent);outline-offset:2px}.ui-btn:disabled{opacity:.6;cursor:not-allowed}.ui-btn--md{padding:9px 14px;font-size:14px}.ui-btn--sm{padding:6px 10px;font-size:13px}.ui-btn--lg{padding:14px 24px;font-size:16px}.ui-btn--full{width:100%}.ui-btn--primary{background:var(--_accent);color:#fff}.ui-btn--primary:hover:not(:disabled){filter:brightness(1.08)}.ui-btn--primary:active:not(:disabled){filter:brightness(.95)}.ui-btn--secondary{background:var(--_fill);color:var(--_text)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-fill-secondary, var(--_hover))}.ui-btn--ghost{background:transparent;color:var(--_text)}.ui-btn--ghost:hover:not(:disabled){background:var(--_fill)}.ui-btn--onaccent{background:var(--color-surface, #fff);color:var(--_accent)}.ui-btn--onaccent:hover:not(:disabled){filter:brightness(.95)}.ui-icon-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md, 8px);background:transparent;color:var(--_text);cursor:pointer;padding:0;transition:background .15s ease}.ui-icon-btn--md{width:32px;height:32px}.ui-icon-btn--sm{width:28px;height:28px}.ui-icon-btn--ghost:hover:not(:disabled){background:var(--_fill)}.ui-icon-btn--solid{background:var(--_accent);color:#fff}.ui-theme-selector{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex:0 0 32px;padding:0;border:0;border-radius:var(--radius-md, 8px);background:transparent;color:var(--color-text, #1a1a1a);cursor:pointer;transition:background .15s ease}.ui-theme-selector:hover{background:var(--color-fill, rgba(120, 120, 128, .1))}.ui-theme-selector svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ui-theme-selector:focus-visible{outline:2px solid var(--color-accent, #4c8bf5);outline-offset:2px}.ui-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ui-icon-btn--loading{color:var(--_accent);cursor:progress}.ui-field{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.ui-field label{font-size:12px;color:var(--panel-muted, var(--color-muted, #666))}.ui-field input{padding:8px 10px;border:1px solid var(--panel-border, var(--color-border, #e0e0e0));border-radius:var(--radius-md, 8px);font-size:14px;background:var(--panel-bg, var(--color-surface, var(--color-bg, #fff)));color:var(--panel-text, var(--color-text, #1a1a1a))}.ui-field input:focus-visible{outline:none;border-color:var(--panel-accent, var(--color-accent, #4c8bf5));box-shadow:0 0 0 3px var(--color-accent-tint, transparent)}.ui-backend-settings{padding-top:10px;border-top:1px solid var(--panel-border, var(--color-border, #e0e0e0))}.ui-backend-settings .ui-field{margin-bottom:8px}.ui-backend-settings input{box-sizing:border-box;width:100%;min-width:0;font-size:12px}.ui-backend-settings__status{margin:7px 0 0;color:var(--color-success, #287d3c);font-size:11px;line-height:1.35}.ui-backend-settings__status--error{color:var(--color-danger, #c62828)}.ui-status{border:1px dashed var(--panel-border, var(--color-border, #e0e0e0));border-radius:var(--radius-lg, 12px);padding:40px 24px;text-align:center;color:var(--panel-muted, var(--color-muted, #666))}.ui-status>p{margin:0}.ui-status>p+p{margin-top:8px}.ui-skeleton{background:var(--color-fill, var(--panel-hover, #f0f0f0));border-radius:var(--radius-md, 8px);animation:ui-skeleton-pulse 1.4s ease-in-out infinite}@keyframes ui-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}@media(prefers-reduced-motion:reduce){.ui-skeleton{animation:none}}.ui-spinner{animation:ui-spin .8s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.tts-playback-speed{display:flex;flex-direction:column;align-items:center;gap:2px}.tts-playback-speed__value{padding:2px 0;font-size:10px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}[data-tts-fragment]{display:inline;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit}[data-tts-word].tts-loaded-chunk,[data-tts-gap].tts-loaded-chunk{background-color:var( --tts-loaded-text-highlight-color, rgba(0, 200, 255, .24) )!important;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-tts-word].tts-active-sentence,[data-tts-gap].tts-active-sentence{background-color:var( --tts-highlight-sentence-color, rgba(255, 235, 59, .38) )!important;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-tts-word].tts-active-word{background-color:var(--tts-highlight-color, #ffeb3b)!important;color:var(--tts-highlight-text-color, #111)!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}[data-tts-word].tts-sentence-hover,[data-tts-gap].tts-sentence-hover{background-color:var( --tts-highlight-hover-color, rgba(255, 235, 59, .18) )!important;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}@font-face{font-family:PureTTS Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/InterVariable.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-family-base);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:8px 12px;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-popover);transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}.page{min-height:100vh;display:flex;flex-direction:column;overflow-x:clip}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 82%,transparent);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--color-separator)}.site-header__inner{display:flex;align-items:center;gap:24px;height:60px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:600}.brand__mark{border-radius:var(--radius-sm);display:block}.brand__name{font-size:17px;letter-spacing:-.01em}.site-header__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.hero{padding:clamp(48px,8vw,104px) 0 clamp(40px,6vw,72px)}.hero__inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,64px)}.eyebrow{margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.hero__title{margin:0;font-size:clamp(36px,6vw,58px);line-height:1.05;letter-spacing:-.03em;font-weight:700}.hero__subtitle{margin:22px 0 0;font-size:clamp(17px,2.2vw,20px);line-height:1.5;color:var(--color-text-secondary);max-width:30ch}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero__note{margin:22px 0 0;font-size:14px;color:var(--color-text-tertiary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hero__visual{display:flex;justify-content:center;width:100%}.section{padding:clamp(56px,8vw,96px) 0}.section--muted{background:var(--color-surface-secondary);border-top:1px solid var(--color-separator);border-bottom:1px solid var(--color-separator)}.section__head{max-width:620px;margin:0 auto clamp(36px,5vw,56px);text-align:center}.section__title{margin:0;font-size:clamp(26px,4vw,38px);line-height:1.15;letter-spacing:-.02em;font-weight:700}.section__lede{margin:16px 0 0;font-size:clamp(16px,2vw,19px);color:var(--color-text-secondary)}.feature-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card)}.feature-card__icon{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-accent-tint);color:var(--color-accent);margin-bottom:16px}.feature-card__icon svg{width:22px;height:22px}.feature-card__title{margin:0 0 8px;font-size:16px;font-weight:600;letter-spacing:-.01em}.feature-card__body{margin:0;font-size:14.5px;line-height:1.55;color:var(--color-text-secondary)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;counter-reset:step}.step{display:flex;gap:16px;align-items:flex-start}.step__num{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:17px;font-weight:700;background:var(--color-accent);color:var(--color-on-accent)}.step__title{margin:6px 0;font-size:17px;font-weight:600}.step__body{margin:0;font-size:15px;line-height:1.55;color:var(--color-text-secondary)}.comparison-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.comparison-table-wrap:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.comparison-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}.comparison-table th,.comparison-table td{padding:18px 22px;border-bottom:1px solid var(--color-separator);vertical-align:top}.comparison-table thead th{background:var(--color-surface-secondary);color:var(--color-text-secondary);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.comparison-table tbody tr:last-child th,.comparison-table tbody tr:last-child td{border-bottom:0}.comparison-table tbody th{width:30%;font-size:15px}.comparison-table tbody th a{text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px}.comparison-table tbody th a:hover{color:var(--color-accent);text-decoration-color:currentColor}.comparison-table td{color:var(--color-text-secondary);font-size:15px}.comparison-table td span{display:block;margin-top:4px;font-size:13px}.comparison-table__puretts{background:var(--color-accent-tint)}.comparison-table__puretts td strong{color:var(--color-text)}.comparison-table__badge{display:inline-flex;margin-left:9px;padding:3px 8px;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-size:11px;font-weight:700;line-height:1.2;vertical-align:1px}.comparison__notes{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:14px;color:var(--color-text-tertiary);font-size:12px}.comparison__notes p{margin:0}.voice-chip{font-size:15px;font-weight:500;padding:12px 20px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.voice-chip--interactive{font-family:inherit;color:var(--color-text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.voice-chip--interactive:hover{background:var(--color-hover)}.voice-chip--active{background:var(--color-accent-tint);border-color:var(--color-accent);color:var(--color-accent)}.demo--hero{--tts-highlight-color: var(--color-accent);--tts-highlight-text-color: var(--color-on-accent);--tts-highlight-sentence-color: color-mix( in srgb, var(--color-accent) 38%, transparent );--tts-highlight-hover-color: color-mix( in srgb, var(--color-accent) 18%, transparent );width:100%;max-width:480px}.demo .ui-icon-btn--solid{background:var(--tts-highlight-color);color:var(--tts-highlight-text-color)}.demo__eyebrow{margin:0 0 10px;color:var(--color-text-tertiary);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.demo__card{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-popover);padding:clamp(20px,3vw,26px)}.demo__loading{width:100%;height:220px;border-radius:var(--radius-xl)}.demo__passage{font-size:clamp(15px,1.8vw,17px);line-height:1.7;color:var(--color-text)}.demo__word-group{display:inline}.demo__sentence{cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.demo__sentence.is-active-sentence{background-color:var(--tts-highlight-sentence-color)}.demo__sentence.tts-sentence-hover:not(.is-active-sentence){background-color:var(--tts-highlight-hover-color)}.demo__sentence:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:3px}.demo__fallback{margin:0;color:var(--color-text-secondary);font-size:clamp(15px,1.8vw,17px);line-height:1.7;text-wrap:balance}.demo__controls{display:flex;align-items:center;gap:14px;margin-top:clamp(20px,3vw,28px);padding-top:clamp(18px,3vw,24px);border-top:1px solid var(--color-separator)}.demo__controls .tts-playback-speed{flex-direction:row;margin-left:auto}.demo__time{font-size:14px;font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.demo__voices{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}.demo__voices .voice-chip{padding:7px 10px;font-size:12px}.cta-band{background:var(--color-accent);color:var(--color-on-accent);padding:clamp(56px,8vw,88px) 0}.cta-band__inner{text-align:center}.cta-band__title{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.02em;font-weight:700}.cta-band__subtitle{margin:14px 0 28px;font-size:clamp(16px,2vw,19px);opacity:.9}.site-footer{margin-top:auto;background:var(--color-bg);border-top:1px solid var(--color-separator);padding:48px 0 32px}.site-footer__inner{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;align-items:flex-start}.site-footer__tagline{margin:12px 0 0;font-size:14px;color:var(--color-text-tertiary);max-width:30ch}.site-footer__links{display:flex;flex-wrap:wrap;gap:22px;font-size:15px;color:var(--color-text-secondary)}.site-footer__links a:hover{color:var(--color-text)}.site-footer__legal{margin-top:32px;padding-top:20px;border-top:1px solid var(--color-separator);font-size:13px;color:var(--color-text-tertiary)}@media(max-width:860px){.hero__inner{grid-template-columns:1fr}.hero__subtitle{max-width:none}.hero__visual{order:-1}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}@media(max-width:620px){.feature-grid{grid-template-columns:1fr}}