@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=DM+Serif+Display&display=swap");*{box-sizing:border-box}.tts-page{font-family:Plus Jakarta Sans,sans-serif;background:#fdfaf7;color:#1c1917;min-height:100vh}.tts-hero{background:linear-gradient(135deg,#f0f4ff,#fdfaf7 45%,#f0fff4);position:relative;overflow:hidden;padding:64px 24px 52px;text-align:center}.tts-blob-1{width:480px;height:480px;background:radial-gradient(circle,rgba(124,58,237,.07) 0,transparent 70%);top:-160px;right:-80px}.tts-blob-1,.tts-blob-2{position:absolute;border-radius:50%;pointer-events:none}.tts-blob-2{width:320px;height:320px;background:radial-gradient(circle,rgba(5,150,105,.07) 0,transparent 70%);bottom:-80px;left:-60px}.tts-hero-title{font-family:"DM Serif Display",serif;font-size:clamp(30px,4.5vw,48px);font-weight:400;line-height:1.15;color:#1c1917;margin-bottom:16px;margin-top:8px}.tts-hero-sub{font-size:16px;line-height:1.7;color:#78716c;max-width:42rem;margin:0 auto}.tts-breadcrumb-link{color:#a5b4fc;transition:color .2s;text-decoration:none}.tts-breadcrumb-link:hover{color:#7c3aed}.tts-breadcrumb-sep{color:#a5b4fc}.tts-breadcrumb-current{color:#7c3aed;font-weight:600}.tts-badge{background:rgba(5,150,105,.07);border:1px solid rgba(5,150,105,.2);color:#059669;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;display:inline-block;padding:6px 16px;border-radius:999px;margin-bottom:20px}.tts-grad-text{background:linear-gradient(135deg,#7c3aed,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tts-section-title{font-family:"DM Serif Display",serif;font-size:1.75rem;font-weight:400;color:#1c1917}.tts-section-subtitle{color:#1c1917}.tts-body-text{color:#78716c}.tts-card-title{color:#1c1917}.tts-card-desc{color:#78716c}.tts-arrow{color:#7c3aed}.tts-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.tts-stat-card{background:#fff;border:1.5px solid rgba(5,150,105,.1);border-radius:16px;padding:18px 14px;text-align:center;box-shadow:0 2px 8px rgba(5,150,105,.04);transition:all .3s ease}.tts-stat-card:hover{border-color:rgba(5,150,105,.22);box-shadow:0 8px 24px rgba(5,150,105,.08);transform:translateY(-2px)}.tts-stat-num{font-size:26px;font-weight:800;color:#059669;display:block;line-height:1.1;margin-bottom:4px}.tts-stat-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:#9ca3af}.tts-tool-card{background:#fff;border:1.5px solid rgba(5,150,105,.1);border-radius:24px;padding:32px;box-shadow:0 4px 6px -1px rgba(5,150,105,.04),0 20px 60px -10px rgba(5,150,105,.07);display:flex;flex-direction:column;gap:24px}.tts-unsupported{display:flex;align-items:center;gap:10px;background:#fef3c7;border:1.5px solid #fcd34d;border-radius:12px;padding:14px 18px;font-size:13px;font-weight:600;color:#92400e}.tts-control-label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#059669}.tts-textarea-wrap{display:flex;flex-direction:column;gap:8px}.tts-textarea-header{display:flex;justify-content:space-between;align-items:center}.tts-char-counter{font-size:12px;font-weight:600;color:#9ca3af;transition:color .2s}.tts-char-counter.warn{color:#ef4444}.tts-textarea{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:1.8;color:#374151;border:1.5px solid #e7e5e4;border-radius:16px;padding:16px 18px;width:100%;resize:vertical;outline:none;background:#fafaf9;transition:border-color .2s,box-shadow .2s;min-height:160px}.tts-textarea:focus{border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.1)}.tts-textarea:disabled{opacity:.65;cursor:not-allowed}.tts-progress-bar{height:4px;background:#e7e5e4;border-radius:999px;overflow:hidden}.tts-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,#7c3aed,#059669);border-radius:999px;animation:tts-progress-slide 2s linear infinite}.tts-progress-fill.paused{animation-play-state:paused}@keyframes tts-progress-slide{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.tts-control-group{display:flex;flex-direction:column;gap:8px}.tts-voice-loading{font-size:13px;color:#9ca3af;padding:10px 0;font-style:italic}.tts-select-wrap{position:relative}.tts-select{font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;color:#374151;border:1.5px solid #e7e5e4;border-radius:12px;padding:10px 40px 10px 16px;width:100%;outline:none;appearance:none;background:#fafaf9;cursor:pointer;transition:border-color .2s,box-shadow .2s}.tts-select:focus{border-color:#059669;box-shadow:0 0 0 3px rgba(5,150,105,.1)}.tts-select-arrow{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.tts-sliders-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media (max-width:600px){.tts-sliders-grid{grid-template-columns:1fr}}.tts-slider-group{display:flex;flex-direction:column;gap:8px}.tts-slider-header{display:flex;justify-content:space-between;align-items:center}.tts-slider-val{font-size:13px;font-weight:800;font-family:Courier New,monospace}.tts-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:#e7e5e4;outline:none;cursor:pointer}.tts-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--thumb-color,#059669);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.18);cursor:pointer;transition:transform .15s}.tts-range::-webkit-slider-thumb:hover{transform:scale(1.2)}.tts-range-labels{display:flex;justify-content:space-between;font-size:10px;color:#a8a29e;font-weight:500}.tts-toolbar{display:flex;gap:10px;flex-wrap:wrap}.tts-btn{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px;padding:10px 22px;border-radius:10px;cursor:pointer;transition:all .25s ease;border:none;display:inline-flex;align-items:center;gap:6px}.tts-btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none!important}.tts-btn-primary{background:linear-gradient(135deg,#059669,#34d399);color:#fff;font-weight:800;box-shadow:0 4px 14px rgba(5,150,105,.3)}.tts-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px rgba(5,150,105,.4)}.tts-btn-stop{background:linear-gradient(135deg,#ef4444,#fca5a5);color:#fff;font-weight:800;box-shadow:0 4px 14px rgba(239,68,68,.25)}.tts-btn-stop:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(239,68,68,.35)}.tts-btn-ghost{background:#f5f5f4;border:1.5px solid #e7e5e4;color:#57534e}.tts-btn-ghost:hover{border-color:#6ee7b7;color:#059669}.tts-speaking-indicator{display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(5,150,105,.05);border:1.5px solid rgba(5,150,105,.15);border-radius:14px}.tts-speaking-text{font-size:13px;font-weight:700;color:#059669}.tts-wave{display:flex;align-items:center;gap:3px;height:24px}.tts-bar{display:block;width:3px;border-radius:999px;background:linear-gradient(0deg,#059669,#34d399);animation:tts-wave-bounce .8s ease-in-out infinite alternate;min-height:4px}.tts-bar:first-child{animation-duration:.6s}.tts-bar:nth-child(2){animation-duration:.8s}.tts-bar:nth-child(3){animation-duration:.5s}.tts-bar:nth-child(4){animation-duration:.9s}.tts-bar:nth-child(5){animation-duration:.7s}.tts-bar.paused{animation-play-state:paused;height:4px!important}@keyframes tts-wave-bounce{0%{height:4px}to{height:22px}}.tts-trust-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.tts-trust-item{font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px}.tts-trust-dot{width:4px;height:4px;border-radius:50%;background:#6ee7b7}.tts-section-alt{background:#fff}.tts-section-main{background:#fdfaf7}.tts-divider{border:none;border-top:1px solid rgba(5,150,105,.07)}.tts-benefit-card{background:#fff;border:1.5px solid rgba(5,150,105,.07);border-radius:18px;padding:28px;transition:all .3s ease;box-shadow:0 2px 8px rgba(5,150,105,.03)}.tts-benefit-card:hover{border-color:rgba(5,150,105,.18);box-shadow:0 8px 24px rgba(5,150,105,.07);transform:translateY(-3px)}.tts-benefit-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px}.tts-step-card{background:#fff;border:1.5px solid rgba(5,150,105,.07);border-radius:18px;padding:28px;text-align:center;box-shadow:0 2px 8px rgba(5,150,105,.03)}.tts-step-num{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,#059669,#34d399);font-weight:800;font-size:1.1rem;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.tts-seo-box{background:#fff;border:1.5px solid rgba(5,150,105,.07);border-radius:18px;padding:24px}.tts-feature-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#059669,#7c3aed);flex-shrink:0}.tts-faq-item{background:#fff;border:1.5px solid rgba(5,150,105,.07);border-radius:14px;padding:20px;transition:border-color .25s,box-shadow .25s}.tts-faq-item:hover{border-color:rgba(5,150,105,.18);box-shadow:0 4px 16px rgba(5,150,105,.06)}.tts-faq-item summary{list-style:none;cursor:pointer}.tts-faq-item summary::-webkit-details-marker{display:none}.tts-faq-question{color:#374151}.tts-faq-answer{color:#78716c}.tts-faq-icon{color:#059669}.tts-related-link{color:#059669!important;border-color:#a7f3d0!important;background:#fff!important;transition:all .2s}.tts-related-link:hover{background:#f0fdf4!important;border-color:#6ee7b7!important}.tts-cta-section{background:linear-gradient(135deg,#059669,#34d399 50%,#7c3aed);padding:80px 24px;text-align:center}.tts-cta-btn{background:hsla(0,0%,100%,.15);border:1.5px solid hsla(0,0%,100%,.35);backdrop-filter:blur(8px);color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:.95rem;padding:14px 36px;border-radius:14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.tts-cta-btn:hover{background:hsla(0,0%,100%,.25);transform:translateY(-2px)}@keyframes tts-fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.tts-fade-up{animation:tts-fadeUp .5s ease forwards}@media (max-width:540px){.tts-tool-card{padding:20px;gap:18px}.tts-stats-grid{grid-template-columns:repeat(3,1fr);gap:8px}.tts-stat-num{font-size:20px}.tts-toolbar{flex-direction:column}.tts-btn{justify-content:center}}