Adom TTS: Text to Speech

@@ -1,87 +0,0 @@-<!doctype html>-<html><head><meta charset="utf-8"><style>-  * { margin:0; padding:0; box-sizing:border-box; }-  html,body { width:1280px; height:720px; }-  body {-    font-family:"Liberation Sans","DejaVu Sans",sans-serif;-    background:-      radial-gradient(1100px 520px at 18% -8%, rgba(0,97,239,.30), transparent 60%),-      radial-gradient(1000px 520px at 100% 0%, rgba(140,107,247,.26), transparent 55%),-      linear-gradient(160deg,#001a3f 0%,#00142f 45%,#0a0e16 100%);-    color:#e6edf3; overflow:hidden; position:relative;-  }-  .accentline{ position:absolute; top:0; left:0; right:0; height:6px;-    background:linear-gradient(90deg,#0061EF,#00B8B1 50%,#8C6BF7); }-  .wrap{ padding:44px 56px 36px; height:100%; display:flex; flex-direction:column; }-  header{ display:flex; align-items:center; justify-content:space-between; }-  .brandmark{ display:flex; align-items:center; gap:16px; }-  .eq{ display:flex; align-items:flex-end; gap:5px; height:38px; }-  .eq span{ width:6px; border-radius:3px; background:linear-gradient(180deg,#00B8B1,#0061EF); }-  .eq span:nth-child(1){height:16px} .eq span:nth-child(2){height:34px}-  .eq span:nth-child(3){height:24px} .eq span:nth-child(4){height:38px}-  .eq span:nth-child(5){height:14px}-  .wordmark{ font-size:42px; font-weight:700; letter-spacing:-1px; }-  .wordmark b{ color:#00B8B1; }-  .pill{ font-size:17px; color:#9fb3c8; border:1px solid #2b3a52;-    background:rgba(255,255,255,.03); padding:9px 18px; border-radius:999px; }-  .pill b{ color:#8FD3D4; font-weight:600; }-  .lede{ margin:22px 2px 0; font-size:26px; color:#c4d2e3; font-weight:400; }-  .lede b{ color:#fff; font-weight:700; }-  .cols{ display:flex; gap:26px; margin-top:24px; }-  .card{ flex:1; background:linear-gradient(180deg,rgba(22,27,34,.92),rgba(16,20,26,.92));-    border:1px solid #243049; border-radius:20px; padding:30px 30px 28px; position:relative; }-  .card.drive{ box-shadow:inset 0 0 0 1px rgba(0,184,177,.18); }-  .card.demo{ box-shadow:inset 0 0 0 1px rgba(140,107,247,.18); }-  .ico{ font-size:50px; line-height:1; }-  .kick{ margin-top:14px; font-size:16px; letter-spacing:2.5px; font-weight:700; }-  .drive .kick{ color:#00B8B1; } .demo .kick{ color:#b7a4ff; }-  .head{ margin-top:9px; font-size:31px; font-weight:700; line-height:1.12; color:#fff; }-  .body{ margin-top:13px; font-size:19.5px; line-height:1.5; color:#aebed2; }-  .body em{ color:#e6edf3; font-style:normal; font-weight:600; }-  .quote{ margin-top:16px; font-size:18px; color:#8FD3D4;-    border-left:3px solid #00B8B1; padding-left:13px; }-  .demo .quote{ color:#c5b3ff; border-left-color:#8C6BF7; }-  .proof{ margin-top:24px; display:flex; align-items:center; gap:18px; }-  .shot{ width:760px; height:150px; border-radius:12px; overflow:hidden;-    border:1px solid #2b3a52; box-shadow:0 10px 30px rgba(0,0,0,.45); flex:none; }-  .shot img{ width:100%; object-fit:cover; object-position:0 -8px; display:block; }-  .proofcap{ font-size:18px; color:#7e8ea3; line-height:1.5; }-  .proofcap b{ color:#8FD3D4; }-  .proofcap .dot{ color:#00B8B1; }-</style></head>-<body>-  <div class="accentline"></div>-  <div class="wrap">-    <header>-      <div class="brandmark">-        <div class="eq"><span></span><span></span><span></span><span></span><span></span></div>-        <div class="wordmark">adom<b>-tts</b></div>-      </div>-      <div class="pill"><b>service-tts</b> &nbsp;·&nbsp; one shared voice for all of Adom</div>-    </header>--    <div class="lede">The Adom voice service. <b>It talks so you don't have to.</b></div>--    <div class="cols">-      <div class="card drive">-        <div class="ico">🚗</div>-        <div class="kick">WHEN YOU'RE DRIVING</div>-        <div class="head">It reads your AI answers back to you.</div>-        <div class="body">Hands on the wheel — just ask and <em>adom-tts speaks the reply aloud.</em> No screen, no typing.</div>-        <div class="quote">"Read me your last answer, I'm driving."</div>-      </div>-      <div class="card demo">-        <div class="ico">🎬</div>-        <div class="kick">WHEN YOU'RE MAKING A DEMO</div>-        <div class="head">It voices the video — with exact timing.</div>-        <div class="body">Feed it your script; get a <em>perfectly-timed narration track.</em> No recording booth, no retakes, no your-own-voice.</div>-        <div class="quote">Script in &rarr; finished voiceover out.</div>-      </div>-    </div>--    <div class="proof">-      <div class="shot"><img src="screenshots/playground.png"></div>-      <div class="proofcap"><span class="dot">●</span> the live <b>TTS Playground</b><br>Andrew Neural voice · Adom<br>pronunciations · instant cache</div>-    </div>-  </div>-</body></html>