Add Hebrew TTS comparison samples with audio players

Voice clone before/after (Herman, Corn) and stock voice playback
from Edge TTS, ElevenLabs, Gemini, and Resemble AI.
MP3 files tracked via Git LFS.

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+*.mp3 filter=lfs diff=lfs merge=lfs -text

README.md

@@ -1,11 +1,17 @@
 ---
 title: Hebrew TTS Samples
-emoji: 🏆
+emoji: 🗣️
 colorFrom: indigo
 colorTo: gray
 sdk: static
 pinned: false
-short_description: 'Quick smoke test of cloning with a fwe '
+short_description: Comparison of Hebrew TTS providers with voice cloning samples
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Hebrew TTS Samples
+
+Audio samples comparing Hebrew text-to-speech across multiple providers (March 2025 snapshot).
+
+Includes before/after voice cloning comparisons (Herman, Corn via MiniMax) and stock voice playback from Edge TTS, ElevenLabs, Gemini, and Resemble AI.
+
+Source repo: [danielrosehill/Hebrew-TTS-Providers](https://github.com/danielrosehill/Hebrew-TTS-Providers)

audio/stock/edge-tts/avri-100pc/family.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f39f627fe200888b911dba7b053b51eb89145464dce3364ff4ed8f18d2617617
+size 500688

audio/stock/edge-tts/avri-100pc/jerusalem.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:747b3a7ff6b9e845b04fdf7041c64c4ec96f7ef7f7aea47a94e9546ba5e0b243
+size 1087200

audio/stock/edge-tts/avri-100pc/sample-text-short.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:be1b7972aa60e9b4821907b637564799ea85678d2d2aa4c1115b4d44e35f53fd
+size 74016

audio/stock/edge-tts/avri-100pc/sample-text.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:91ae338dfd43f2fedfe0a139113e1f2e88f89e66acdb4d16395f7b461058c905
+size 201456

audio/stock/edge-tts/avri-100pc/shortest.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:897d608246f4f0028f7ffe77c74adb20152e7933586d3d74bbcd4bb469506245
+size 96624

audio/stock/edge-tts/avri-100pc/travel.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8a253a7acda047995d48b4b4d9c64e8926b9b95cfa487b2058871a49b18552e0
+size 354096

audio/stock/edge-tts/avri-70pc/family.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:5ef7dbfb864ae67afa913353f73e9bcd0f236c7d382ac6441fede4b808a9d7e9
+size 715680

audio/stock/edge-tts/avri-70pc/jerusalem.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8b214d03813297785b2bb51b038b346aa0f5793b8d62a0235373c022e1293c1b
+size 1554336

audio/stock/edge-tts/avri-70pc/sample-text-short.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:49b8e2b2716b165d03ffaee7bd3cf0a9f09ae182c2abbb7ad6b13edf9d710be2
+size 105696

audio/stock/edge-tts/avri-70pc/sample-text.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:6c1c9d136d5d3b4fc20ea6cd7163d92e042bf101d4c341a2f82da6adf66cd590
+size 287856

audio/stock/edge-tts/avri-70pc/shortest.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f9a9a56a9fcf4c52a70d69e9153dac0da0923dcc7c50b820197e29dbf1df2a6d
+size 138096

audio/stock/edge-tts/avri-70pc/travel.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a5b894b27e9473bd8e22a847a3f0e8fa7c0e38c9b5255abbaa4cae95844844f2
+size 506160

audio/stock/edge-tts/hila-100pc/family.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:075896169a8aa662bb53fa6b09ed64a49825f659fa952f6dcd9b3ffe21f19249
+size 477792

audio/stock/edge-tts/hila-100pc/jerusalem.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1af97440632c693f814c8a1afbf51f46dd6b2e040eb9b98d58abbd1040e3ce77
+size 1043136

audio/stock/edge-tts/hila-100pc/sample-text-short.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:e7b1aefa6560b206ab1ce126d16380ba95b6e26ed2ae62e17c97181d5f16ad56
+size 69408

audio/stock/edge-tts/hila-100pc/sample-text.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:66fffd3a99acd8d4d6e0b70ab5f35d05303fb1248f17c4065e380969f2d1b187
+size 197856

audio/stock/edge-tts/hila-100pc/shortest.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:326ace9afa57f5d016481c2ba0953ed65b9ba0075332f2775610b09e89879238
+size 90288

audio/stock/edge-tts/hila-100pc/travel.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ac33246af701a54a0eeee1ccf04f51203d88634e81c43ae453178dc01a22c5e7
+size 341280

audio/stock/edge-tts/hila-70pc/family.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c1b121f68e46a06dcf6487d73ea94b04c4e2b0df7c1b0059c06ff05d1694dbdb
+size 682992

audio/stock/edge-tts/hila-70pc/jerusalem.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fdec956d7f6479d6b0222bfaf296de9e7d580407c53606897d06d6b7742f8d40
+size 1491408

audio/stock/edge-tts/hila-70pc/sample-text-short.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:16e55c8c43868d2503694f368235b877ae5b9e70494483ee826a42ed357bf837
+size 99072

audio/stock/edge-tts/hila-70pc/sample-text.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:49bdc8bde5ddae2a9fdfcdca71e45845a660c81d3664906c9bd39a93f72e4ae8
+size 282816

audio/stock/edge-tts/hila-70pc/shortest.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:761347a38fa56aaa1da1aca15fb35aeccfa79bc8dd7258d711a3e39605fa4313
+size 128880

audio/stock/edge-tts/hila-70pc/travel.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:87a8d435a1bf7d41ce465691d0bd98528ba479a2fc481fc1c735b751d33b75e1
+size 487872

audio/stock/elevenlabs/adam-v3-he.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:db1314737450dac46f7905eccc8e02a54fc2f3e54a841b3af7a0192db72a01e8
+size 191887

audio/stock/elevenlabs/bella-v3-he.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:28cec72351c37a78dafc05bbdabb161dc1011af68c70b5181421e28221015f27
+size 191887

audio/stock/elevenlabs/rachel-v3-he.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9da7b0d10a04076e06287f5abac82c60bf8f5181e1281d4a50fd6931c3c9b3e1
+size 181438

audio/stock/gemini/puck.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:68e40945c446c961bfb25f7ef888979a07083b2427bcbe27a16f55dd756fae00
+size 208172

audio/stock/gemini/zephyr.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:135c68455ad523305f4672f39a3bbf39a3b7f073ef1db70872ac213c897bdece
+size 230060

audio/stock/resemble/avigail.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:7d21f8476315062d821fe44c96afd5342614958b0c6838c24c4937331a857f1a
+size 163628

audio/voice-clones/chatterbox/daniel-natural.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f376f797d3d2c51eaf2a962c0452cc5579791824b6d133243871f327d97ab77a
+size 93356

audio/voice-clones/chatterbox/herman-run1.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:daa99127c863f54e213d6e50267e0f197109d699f940626562a3b3ca1ae94a7d
+size 257324

audio/voice-clones/chatterbox/herman-run2.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:ad6bfda923c84c08eec9b5937f7592e29e0a8753e3c835d9a779e8e6be046e7c
+size 511532

audio/voice-clones/minimax/corn.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:68812de46c31919129a33fef94235012dc091e2d586355fb434aec81104509d9
+size 317728

audio/voice-clones/minimax/herman.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:34a5e60098426bc5fd41c55e25c0c0027ac87c61c40353f39d0300953bf9691a
+size 280250

audio/voice-clones/resemble/herman.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:dfd7125bc3055b2a5a07a5d8162935f2fd0f16e3e29c00c1a3bd17b0f45bf892
+size 197036

audio/voice-sources/corn-before.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:8d58f3925236299a3e3634085e10013ed9187db2b2738a6d5cb0608efde396ac
+size 1111500

audio/voice-sources/herman-before.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:fae5359a26a7155c40d661531ecc82af4e762e90091bc9ab5e8426068939fc36
+size 1073048

index.html

@@ -1,19 +1,199 @@
 <!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
+<html lang="en">
+<head>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title>Hebrew TTS Samples</title>
+	<link rel="stylesheet" href="style.css" />
+</head>
+<body>
+
+<header>
+	<h1>Hebrew TTS Samples</h1>
+	<p class="subtitle">A comparison of Hebrew text-to-speech providers — voice cloning and stock voices.<br>
+	Snapshot taken March 2025.</p>
+</header>
+
+<main>
+
+<!-- ===== VOICE CLONES ===== -->
+<section>
+	<h2>Voice Clones</h2>
+	<p class="section-desc">Cloned from ~1 minute of Hebrew reference audio. Listen to the <strong>original voice</strong> (before) alongside the <strong>TTS output</strong> (after) from each provider.</p>
+
+	<!-- Herman -->
+	<div class="card">
+		<h3>Herman</h3>
+
+		<div class="sample-group">
+			<h4>Original Voice (Reference Audio)</h4>
+			<div class="sample">
+				<label>Hebrew reference (~1 min)</label>
+				<audio controls preload="none" src="audio/voice-sources/herman-before.mp3"></audio>
+			</div>
+		</div>
+
+		<div class="sample-group">
+			<h4>TTS Output (Voice Clones)</h4>
+			<div class="sample">
+				<label>MiniMax T2A v2.6 Turbo <span class="badge best">Best</span></label>
+				<audio controls preload="none" src="audio/voice-clones/minimax/herman.mp3"></audio>
+			</div>
+			<div class="sample">
+				<label>Resemble AI (voice clone)</label>
+				<audio controls preload="none" src="audio/voice-clones/resemble/herman.mp3"></audio>
+			</div>
+			<div class="sample">
+				<label>Chatterbox — Run 1 (English ref)</label>
+				<audio controls preload="none" src="audio/voice-clones/chatterbox/herman-run1.mp3"></audio>
+			</div>
+			<div class="sample">
+				<label>Chatterbox — Run 2 (Hebrew ref)</label>
+				<audio controls preload="none" src="audio/voice-clones/chatterbox/herman-run2.mp3"></audio>
+			</div>
+		</div>
+	</div>
+
+	<!-- Corn -->
+	<div class="card">
+		<h3>Corn</h3>
+
+		<div class="sample-group">
+			<h4>Original Voice (Reference Audio)</h4>
+			<div class="sample">
+				<label>Hebrew reference (~1 min)</label>
+				<audio controls preload="none" src="audio/voice-sources/corn-before.mp3"></audio>
+			</div>
+		</div>
+
+		<div class="sample-group">
+			<h4>TTS Output (Voice Clone)</h4>
+			<div class="sample">
+				<label>MiniMax T2A v2.6 Turbo <span class="badge best">Best</span></label>
+				<audio controls preload="none" src="audio/voice-clones/minimax/corn.mp3"></audio>
+			</div>
+		</div>
+	</div>
+</section>
+
+<!-- ===== STOCK VOICES ===== -->
+<section>
+	<h2>Stock Voices</h2>
+	<p class="section-desc">Pre-built Hebrew voices from various TTS providers. No voice cloning — these are the provider's default offerings.</p>
+
+	<!-- Edge TTS -->
+	<div class="card">
+		<h3>Microsoft Edge TTS</h3>
+		<p class="provider-note">Free, built into Microsoft Edge. Tested with Avri (male) and Hila (female) at normal and 70% speed.</p>
+
+		<div class="sample-group">
+			<h4>Avri (Male) — Normal Speed</h4>
+			<div class="sample-grid">
+				<div class="sample"><label>Family</label><audio controls preload="none" src="audio/stock/edge-tts/avri-100pc/family.mp3"></audio></div>
+				<div class="sample"><label>Jerusalem</label><audio controls preload="none" src="audio/stock/edge-tts/avri-100pc/jerusalem.mp3"></audio></div>
+				<div class="sample"><label>Sample Text</label><audio controls preload="none" src="audio/stock/edge-tts/avri-100pc/sample-text.mp3"></audio></div>
+				<div class="sample"><label>Sample Text (Short)</label><audio controls preload="none" src="audio/stock/edge-tts/avri-100pc/sample-text-short.mp3"></audio></div>
+				<div class="sample"><label>Shortest</label><audio controls preload="none" src="audio/stock/edge-tts/avri-100pc/shortest.mp3"></audio></div>
+				<div class="sample"><label>Travel</label><audio controls preload="none" src="audio/stock/edge-tts/avri-100pc/travel.mp3"></audio></div>
+			</div>
+		</div>
+
+		<div class="sample-group">
+			<h4>Avri (Male) — 70% Speed</h4>
+			<div class="sample-grid">
+				<div class="sample"><label>Family</label><audio controls preload="none" src="audio/stock/edge-tts/avri-70pc/family.mp3"></audio></div>
+				<div class="sample"><label>Jerusalem</label><audio controls preload="none" src="audio/stock/edge-tts/avri-70pc/jerusalem.mp3"></audio></div>
+				<div class="sample"><label>Sample Text</label><audio controls preload="none" src="audio/stock/edge-tts/avri-70pc/sample-text.mp3"></audio></div>
+				<div class="sample"><label>Sample Text (Short)</label><audio controls preload="none" src="audio/stock/edge-tts/avri-70pc/sample-text-short.mp3"></audio></div>
+				<div class="sample"><label>Shortest</label><audio controls preload="none" src="audio/stock/edge-tts/avri-70pc/shortest.mp3"></audio></div>
+				<div class="sample"><label>Travel</label><audio controls preload="none" src="audio/stock/edge-tts/avri-70pc/travel.mp3"></audio></div>
+			</div>
+		</div>
+
+		<div class="sample-group">
+			<h4>Hila (Female) — Normal Speed</h4>
+			<div class="sample-grid">
+				<div class="sample"><label>Family</label><audio controls preload="none" src="audio/stock/edge-tts/hila-100pc/family.mp3"></audio></div>
+				<div class="sample"><label>Jerusalem</label><audio controls preload="none" src="audio/stock/edge-tts/hila-100pc/jerusalem.mp3"></audio></div>
+				<div class="sample"><label>Sample Text</label><audio controls preload="none" src="audio/stock/edge-tts/hila-100pc/sample-text.mp3"></audio></div>
+				<div class="sample"><label>Sample Text (Short)</label><audio controls preload="none" src="audio/stock/edge-tts/hila-100pc/sample-text-short.mp3"></audio></div>
+				<div class="sample"><label>Shortest</label><audio controls preload="none" src="audio/stock/edge-tts/hila-100pc/shortest.mp3"></audio></div>
+				<div class="sample"><label>Travel</label><audio controls preload="none" src="audio/stock/edge-tts/hila-100pc/travel.mp3"></audio></div>
+			</div>
+		</div>
+
+		<div class="sample-group">
+			<h4>Hila (Female) — 70% Speed</h4>
+			<div class="sample-grid">
+				<div class="sample"><label>Family</label><audio controls preload="none" src="audio/stock/edge-tts/hila-70pc/family.mp3"></audio></div>
+				<div class="sample"><label>Jerusalem</label><audio controls preload="none" src="audio/stock/edge-tts/hila-70pc/jerusalem.mp3"></audio></div>
+				<div class="sample"><label>Sample Text</label><audio controls preload="none" src="audio/stock/edge-tts/hila-70pc/sample-text.mp3"></audio></div>
+				<div class="sample"><label>Sample Text (Short)</label><audio controls preload="none" src="audio/stock/edge-tts/hila-70pc/sample-text-short.mp3"></audio></div>
+				<div class="sample"><label>Shortest</label><audio controls preload="none" src="audio/stock/edge-tts/hila-70pc/shortest.mp3"></audio></div>
+				<div class="sample"><label>Travel</label><audio controls preload="none" src="audio/stock/edge-tts/hila-70pc/travel.mp3"></audio></div>
+			</div>
+		</div>
+	</div>
+
+	<!-- ElevenLabs -->
+	<div class="card">
+		<h3>ElevenLabs</h3>
+		<p class="provider-note">v3 model with <code>language_code: "he"</code>. Note: multilingual v2 produces unintelligible Hebrew — v3 with explicit Hebrew is required.</p>
+
+		<div class="sample-group">
+			<div class="sample"><label>Adam (Male)</label><audio controls preload="none" src="audio/stock/elevenlabs/adam-v3-he.mp3"></audio></div>
+			<div class="sample"><label>Bella (Female)</label><audio controls preload="none" src="audio/stock/elevenlabs/bella-v3-he.mp3"></audio></div>
+			<div class="sample"><label>Rachel (Female)</label><audio controls preload="none" src="audio/stock/elevenlabs/rachel-v3-he.mp3"></audio></div>
+		</div>
+	</div>
+
+	<!-- Gemini -->
+	<div class="card">
+		<h3>Google Gemini</h3>
+		<p class="provider-note">Gemini 2.5 Flash Preview TTS via Google AI Studio.</p>
+
+		<div class="sample-group">
+			<div class="sample"><label>Puck</label><audio controls preload="none" src="audio/stock/gemini/puck.mp3"></audio></div>
+			<div class="sample"><label>Zephyr</label><audio controls preload="none" src="audio/stock/gemini/zephyr.mp3"></audio></div>
+		</div>
+	</div>
+
+	<!-- Resemble AI Stock -->
+	<div class="card">
+		<h3>Resemble AI</h3>
+		<p class="provider-note">Stock Hebrew preset voice. Custom voice clones require nekudot (diacritics) for intelligible output.</p>
+
+		<div class="sample-group">
+			<div class="sample"><label>Avigail (Female)</label><audio controls preload="none" src="audio/stock/resemble/avigail.mp3"></audio></div>
+		</div>
+	</div>
+</section>
+
+<!-- ===== FINDINGS ===== -->
+<section>
+	<h2>Summary</h2>
+	<div class="card">
+		<table>
+			<thead>
+				<tr><th>Provider</th><th>Approach</th><th>Hebrew Quality</th><th>Notes</th></tr>
+			</thead>
+			<tbody>
+				<tr><td><strong>MiniMax</strong></td><td>Voice cloning (Replicate)</td><td class="quality-best">Best</td><td>Cloned from ~1 min Hebrew reference; natural sounding</td></tr>
+				<tr><td><strong>Edge TTS</strong></td><td>Stock voices</td><td class="quality-good">Good</td><td>Microsoft's free TTS; Avri and Hila voices</td></tr>
+				<tr><td><strong>Gemini</strong></td><td>Stock voices</td><td class="quality-good">Good</td><td>Google AI Studio, Gemini 2.5 Flash Preview TTS</td></tr>
+				<tr><td><strong>ElevenLabs</strong></td><td>Stock voices (v3)</td><td class="quality-good">Good</td><td>Requires <code>language_code: "he"</code></td></tr>
+				<tr><td><strong>Chatterbox</strong></td><td>Voice cloning</td><td class="quality-poor">Poor</td><td>Gibberish — Dicta ONNX nikud library unavailable on Replicate</td></tr>
+				<tr><td><strong>Resemble AI</strong></td><td>Stock + cloning</td><td class="quality-poor">Poor</td><td>Needs nekudot (diacritics) for intelligible output</td></tr>
+			</tbody>
+		</table>
+	</div>
+</section>
+
+</main>
+
+<footer>
+	<p>Source: <a href="https://github.com/danielrosehill/Hebrew-TTS-Providers" target="_blank">danielrosehill/Hebrew-TTS-Providers</a></p>
+</footer>
+
+</body>
 </html>

style.css

@@ -1,28 +1,172 @@
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+}
+
 body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
+	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+	background: #0f1117;
+	color: #e0e0e0;
+	line-height: 1.6;
+	padding: 2rem 1rem;
+	max-width: 960px;
+	margin: 0 auto;
+}
+
+header {
+	text-align: center;
+	margin-bottom: 2.5rem;
+}
+
+header h1 {
+	font-size: 2rem;
+	color: #fff;
+	margin-bottom: 0.5rem;
+}
+
+.subtitle {
+	color: #9ca3af;
+	font-size: 0.95rem;
 }
 
-h1 {
-	font-size: 16px;
-	margin-top: 0;
+section {
+	margin-bottom: 2.5rem;
 }
 
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
+section > h2 {
+	font-size: 1.4rem;
+	color: #fff;
+	border-bottom: 1px solid #2a2d35;
+	padding-bottom: 0.4rem;
+	margin-bottom: 0.75rem;
+}
+
+.section-desc {
+	color: #9ca3af;
+	font-size: 0.9rem;
+	margin-bottom: 1.25rem;
 }
 
 .card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
+	background: #1a1d27;
+	border: 1px solid #2a2d35;
+	border-radius: 10px;
+	padding: 1.25rem 1.5rem;
+	margin-bottom: 1.25rem;
+}
+
+.card h3 {
+	font-size: 1.15rem;
+	color: #fff;
+	margin-bottom: 0.5rem;
+}
+
+.provider-note {
+	font-size: 0.85rem;
+	color: #9ca3af;
+	margin-bottom: 1rem;
+}
+
+.provider-note code {
+	background: #2a2d35;
+	padding: 0.15em 0.4em;
+	border-radius: 4px;
+	font-size: 0.85em;
+}
+
+.sample-group {
+	margin-bottom: 1rem;
+}
+
+.sample-group h4 {
+	font-size: 0.9rem;
+	color: #c4b5fd;
+	margin-bottom: 0.5rem;
+	font-weight: 600;
+}
+
+.sample {
+	margin-bottom: 0.6rem;
+}
+
+.sample label {
+	display: block;
+	font-size: 0.85rem;
+	color: #d1d5db;
+	margin-bottom: 0.2rem;
+	font-weight: 500;
+}
+
+.sample audio {
+	width: 100%;
+	height: 36px;
+	border-radius: 6px;
+}
+
+.sample-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+	gap: 0.75rem;
+}
+
+.badge {
+	display: inline-block;
+	font-size: 0.7rem;
+	padding: 0.1em 0.5em;
+	border-radius: 4px;
+	font-weight: 700;
+	text-transform: uppercase;
+	vertical-align: middle;
+}
+
+.badge.best {
+	background: #065f46;
+	color: #6ee7b7;
+}
+
+table {
+	width: 100%;
+	border-collapse: collapse;
+	font-size: 0.88rem;
+}
+
+th, td {
+	text-align: left;
+	padding: 0.5rem 0.75rem;
+	border-bottom: 1px solid #2a2d35;
+}
+
+th {
+	color: #c4b5fd;
+	font-weight: 600;
+	font-size: 0.82rem;
+	text-transform: uppercase;
+	letter-spacing: 0.03em;
+}
+
+.quality-best { color: #6ee7b7; font-weight: 600; }
+.quality-good { color: #93c5fd; font-weight: 500; }
+.quality-poor { color: #fca5a5; font-weight: 500; }
+
+footer {
+	text-align: center;
+	color: #6b7280;
+	font-size: 0.85rem;
+	margin-top: 2rem;
+	padding-top: 1rem;
+	border-top: 1px solid #2a2d35;
+}
+
+footer a {
+	color: #818cf8;
+	text-decoration: none;
+}
+
+footer a:hover {
+	text-decoration: underline;
 }
 
-.card p:last-child {
-	margin-bottom: 0;
+a {
+	color: #818cf8;
 }