Spaces:

RinggAI
/

STT

Running

App Files Files Community

AnjulRSharma commited on 23 days ago

Commit

50ae038

1 Parent(s): 9a88e93

Polish STT landing page

Browse files

Files changed (3) hide show

README.md +1 -0
index.html +247 -193
style.css +367 -118

README.md CHANGED Viewed

@@ -1,5 +1,6 @@
 ---
 title: Ringg Parrot STT V1
 colorFrom: blue
 colorTo: purple
 sdk: static

 ---
 title: Ringg Parrot STT V1
+emoji: 🦜
 colorFrom: blue
 colorTo: purple
 sdk: static

index.html CHANGED Viewed

@@ -11,42 +11,79 @@
 		<link rel="stylesheet" href="style.css" />
 	</head>
 	<body>
-		<header class="hero">
-			<nav class="nav" aria-label="Primary navigation">
 				<a class="brand" href="#top" aria-label="Ringg Parrot STT V1 home">
-					Ringg Parrot STT V1
 				</a>
 				<div class="nav-links">
 					<a href="#benchmarks">Benchmarks</a>
 					<a href="#integration">Integration</a>
 					<a href="#access">Access</a>
 				</div>
 			</nav>
-			<section class="hero-content" id="top">
-				<p class="eyebrow">Proprietary Hindi-English code-mixed ASR</p>
-				<h1>High-accuracy speech-to-text for business voice applications.</h1>
-				<p class="hero-copy">
-					Ringg Parrot STT V1 supports Hindi, English, and Hindi-English
-					code-mixed speech for real-time voice products, AI agents, and
-					production transcription workflows.
-				</p>
-				<div class="cta-row">
-					<a class="button primary" href="https://ringg.ai/dashboard/stt" target="_blank" rel="noreferrer">
-						Open Playground
-					</a>
-					<a class="button secondary" href="https://pypi.org/project/ringglabs/" target="_blank" rel="noreferrer">
-						View Python SDK
-					</a>
 				</div>
-				<p class="notice">
-					Model weights, training code, and internal implementation are not open sourced.
-				</p>
 			</section>
 		</header>
-		<main>
-			<section class="metrics" aria-label="Key product metrics">
 				<article class="metric-card">
 					<span class="metric-value">60-80ms</span>
 					<span class="metric-label">Typical streaming latency</span>
@@ -56,37 +93,46 @@
 					<span class="metric-label">Code-mixed speech support</span>
 				</article>
 				<article class="metric-card">
-					<span class="metric-value">Private</span>
-					<span class="metric-label">Proprietary model access</span>
 				</article>
 			</section>
-			<section class="section grid-two" id="access">
-				<div>
-					<p class="section-label">Access</p>
-					<h2>Available through hosted evaluation and commercial access.</h2>
 				</div>
-				<div class="card">
-					<ul class="check-list">
 						<li>Playground access is available at ringg.ai.</li>
 						<li>Model weights are not available for download from this Space.</li>
-						<li>Internal source code and training implementation are not open sourced.</li>
-						<li>Production and commercial access requires contacting RinggAI.</li>
 					</ul>
 					<a class="text-link" href="mailto:sales@ringg.ai">Contact sales@ringg.ai</a>
 				</div>
 			</section>
-			<section class="section grid-two" id="integration">
-				<div>
-					<p class="section-label">SDK and Integration</p>
-					<h2>Built for real-time voice products and agent pipelines.</h2>
 				</div>
-				<div class="card">
-					<ul class="check-list">
 						<li>Python SDK is available through the ringglabs package on PyPI.</li>
-						<li>Highly compatible with Pipecat toolkit using built-in VAD events.</li>
-						<li>Refer to the SDK documentation for integration details.</li>
 					</ul>
 					<a class="text-link" href="https://pypi.org/project/ringglabs/" target="_blank" rel="noreferrer">
 						View ringglabs on PyPI
@@ -96,196 +142,204 @@
 			<section class="section" id="benchmarks">
 				<div class="section-heading">
-					<p class="section-label">Benchmarks</p>
 					<h2>WER comparison across ASR benchmark datasets.</h2>
 					<p>
-						WER stands for Word Error Rate. Lower values indicate better transcription
-						accuracy. The lowest WER in each row is highlighted.
 					</p>
 				</div>
-				<div class="table-block">
-					<h3>Original WER</h3>
-					<div class="table-wrap">
-						<table>
-							<thead>
-								<tr>
-									<th>Dataset</th>
-									<th>Ringg</th>
-									<th>ElevenLabs</th>
-									<th>Deepgram</th>
-									<th>Sarvam</th>
-								</tr>
-							</thead>
-							<tbody>
-								<tr>
-									<td>indictts</td>
-									<td><strong>11.58</strong></td>
-									<td>16.06</td>
-									<td>13.65</td>
-									<td>15.37</td>
-								</tr>
-								<tr>
-									<td>commonvoice</td>
-									<td><strong>14.30</strong></td>
-									<td>16.59</td>
-									<td>20.04</td>
-									<td>18.21</td>
-								</tr>
-								<tr>
-									<td>fleurs</td>
-									<td>15.20</td>
-									<td><strong>11.99</strong></td>
-									<td>17.14</td>
-									<td>16.00</td>
-								</tr>
-								<tr>
-									<td>kathbath</td>
-									<td><strong>11.78</strong></td>
-									<td>13.24</td>
-									<td>15.93</td>
-									<td>17.53</td>
-								</tr>
-								<tr>
-									<td>kathbath_noisy</td>
-									<td><strong>13.09</strong></td>
-									<td>13.14</td>
-									<td>17.44</td>
-									<td>16.19</td>
-								</tr>
-								<tr>
-									<td>mucs</td>
-									<td>14.55</td>
-									<td><strong>11.69</strong></td>
-									<td>21.97</td>
-									<td>16.72</td>
-								</tr>
-								<tr>
-									<td>Overall WER</td>
-									<td>13.79</td>
-									<td><strong>13.00</strong></td>
-									<td>19.23</td>
-									<td>16.72</td>
-								</tr>
-							</tbody>
-						</table>
 					</div>
-				</div>
-				<div class="table-block">
-					<h3>Normalized WER</h3>
-					<div class="table-wrap">
-						<table>
-							<thead>
-								<tr>
-									<th>Dataset</th>
-									<th>Ringg</th>
-									<th>ElevenLabs</th>
-									<th>Deepgram</th>
-									<th>Sarvam</th>
-								</tr>
-							</thead>
-							<tbody>
-								<tr>
-									<td>indictts</td>
-									<td><strong>3.94</strong></td>
-									<td>8.52</td>
-									<td>6.93</td>
-									<td>7.84</td>
-								</tr>
-								<tr>
-									<td>commonvoice</td>
-									<td><strong>6.37</strong></td>
-									<td>13.02</td>
-									<td>14.88</td>
-									<td>13.06</td>
-								</tr>
-								<tr>
-									<td>fleurs</td>
-									<td>9.73</td>
-									<td><strong>7.67</strong></td>
-									<td>11.35</td>
-									<td>9.54</td>
-								</tr>
-								<tr>
-									<td>kathbath</td>
-									<td><strong>7.15</strong></td>
-									<td>10.15</td>
-									<td>11.38</td>
-									<td>10.41</td>
-								</tr>
-								<tr>
-									<td>kathbath_noisy</td>
-									<td><strong>8.37</strong></td>
-									<td>10.01</td>
-									<td>12.98</td>
-									<td>11.78</td>
-								</tr>
-								<tr>
-									<td>mucs</td>
-									<td><strong>6.28</strong></td>
-									<td>6.75</td>
-									<td>12.07</td>
-									<td>7.58</td>
-								</tr>
-								<tr>
-									<td>Overall WER</td>
-									<td><strong>7.27</strong></td>
-									<td>8.94</td>
-									<td>12.36</td>
-									<td>9.76</td>
-								</tr>
-							</tbody>
-						</table>
 					</div>
 				</div>
 			</section>
 			<section class="section feature-grid">
-				<article class="card">
 					<h2>Features</h2>
-					<ul class="check-list">
 						<li>Hindi-English code-mixed speech recognition.</li>
 						<li>Real-time streaming transcription.</li>
 						<li>File-based transcription for common audio formats.</li>
 						<li>Low-latency inference for voice products.</li>
 					</ul>
 				</article>
-				<article class="card">
 					<h2>Supported Inputs</h2>
-					<ul class="check-list">
 						<li>Hindi, English, and code-mixed speech.</li>
 						<li>Clear audio with minimal background noise.</li>
 						<li>16kHz or higher sample rate recommended.</li>
 						<li>WAV, MP3, FLAC, M4A, OGG, and OPUS.</li>
 					</ul>
 				</article>
-				<article class="card">
 					<h2>Use Cases</h2>
-					<ul class="check-list">
 						<li>Voice assistants and AI agents.</li>
 						<li>Contact center transcription.</li>
 						<li>Meeting and conversation intelligence.</li>
 						<li>Voice search, subtitling, and accessibility workflows.</li>
 					</ul>
 				</article>
-				<article class="card">
 					<h2>Limitations</h2>
-					<ul class="check-list">
 						<li>Accuracy may vary with noisy or low-quality audio.</li>
-						<li>Overlapping speakers and strong dialect variation can affect quality.</li>
 						<li>Very long files or unsupported encodings may require preprocessing.</li>
 						<li>The hosted demo may differ from production deployment settings.</li>
 					</ul>
 				</article>
 			</section>
-			<section class="section grid-two">
-				<div>
-					<p class="section-label">Benchmark Dataset</p>
 					<h2>Released benchmark data and ASR transcriptions.</h2>
 				</div>
-				<div class="card">
 					<p>
 						RinggAI has released the ASR Benchmarking Open-Source Dataset, which
 						includes benchmark audio/data and transcriptions generated by Ringg,
@@ -294,12 +348,12 @@
 				</div>
 			</section>
-			<section class="section grid-two">
-				<div>
-					<p class="section-label">Privacy and Data Notice</p>
 					<h2>Review deployment terms before using sensitive data.</h2>
 				</div>
-				<div class="card">
 					<p>
 						Audio handling may depend on the selected deployment, integration, and
 						commercial terms. Review RinggAI privacy terms and deployment
@@ -310,7 +364,7 @@
 			</section>
 		</main>
-		<footer class="footer">
 			<div>
 				<strong>RinggAI</strong>
 				<p>Built by the RinggAI Team.</p>

 		<link rel="stylesheet" href="style.css" />
 	</head>
 	<body>
+		<header class="site-header">
+			<nav class="nav shell" aria-label="Primary navigation">
 				<a class="brand" href="#top" aria-label="Ringg Parrot STT V1 home">
+					<span class="brand-mark">R</span>
+					<span>Ringg Parrot STT</span>
 				</a>
 				<div class="nav-links">
 					<a href="#benchmarks">Benchmarks</a>
 					<a href="#integration">Integration</a>
 					<a href="#access">Access</a>
 				</div>
+				<a class="nav-cta" href="https://ringg.ai/dashboard/stt" target="_blank" rel="noreferrer">
+					Open Playground
+				</a>
 			</nav>
+			<section class="hero shell" id="top">
+				<div class="hero-copy">
+					<div class="tag-row">
+						<span class="pill">Proprietary ASR</span>
+						<span>Hindi-English code-mixed speech</span>
+					</div>
+					<h1>Production-ready speech-to-text for Hindi-English voice workflows.</h1>
+					<p class="lead">
+						Ringg Parrot STT V1 is built for real-time voice products, AI agents,
+						contact centers, and business transcription workflows that need
+						reliable Hindi, English, and code-mixed recognition.
+					</p>
+					<div class="cta-row">
+						<a class="button primary" href="https://ringg.ai/dashboard/stt" target="_blank" rel="noreferrer">
+							Try the Playground
+						</a>
+						<a class="button secondary" href="https://pypi.org/project/ringglabs/" target="_blank" rel="noreferrer">
+							View Python SDK
+						</a>
+					</div>
+					<div class="proof-row" aria-label="Product highlights">
+						<span>60-80ms streaming latency</span>
+						<span>Pipecat VAD events</span>
+						<span>Private model access</span>
+					</div>
 				</div>
+				<aside class="hero-panel" aria-label="Product summary">
+					<div class="panel-header">
+						<span>Streaming STT</span>
+						<strong>V1</strong>
+					</div>
+					<div class="signal-card">
+						<span class="signal-label">Typical latency</span>
+						<strong>60-80ms</strong>
+						<p>Designed for low-latency streaming voice experiences.</p>
+					</div>
+					<div class="panel-list">
+						<div>
+							<span>Languages</span>
+							<strong>Hindi, English, code-mix</strong>
+						</div>
+						<div>
+							<span>Integration</span>
+							<strong>SDK and Pipecat-ready events</strong>
+						</div>
+						<div>
+							<span>Access</span>
+							<strong>Hosted evaluation and commercial access</strong>
+						</div>
+					</div>
+				</aside>
 			</section>
 		</header>
+		<main class="shell">
+			<section class="metric-strip" aria-label="Key product metrics">
 				<article class="metric-card">
 					<span class="metric-value">60-80ms</span>
 					<span class="metric-label">Typical streaming latency</span>
 					<span class="metric-label">Code-mixed speech support</span>
 				</article>
 				<article class="metric-card">
+					<span class="metric-value">Proprietary</span>
+					<span class="metric-label">Private model and implementation</span>
 				</article>
 			</section>
+			<section class="section split" id="access">
+				<div class="section-copy">
+					<p class="section-kicker">Access</p>
+					<h2>Evaluate in the playground. Contact RinggAI for production access.</h2>
+					<p>
+						This Space provides product information for Ringg Parrot STT V1. The
+						model weights, training code, and internal implementation are not open
+						sourced.
+					</p>
 				</div>
+				<div class="info-card">
+					<ul class="clean-list">
 						<li>Playground access is available at ringg.ai.</li>
 						<li>Model weights are not available for download from this Space.</li>
+						<li>Production and commercial access requires RinggAI approval.</li>
 					</ul>
 					<a class="text-link" href="mailto:sales@ringg.ai">Contact sales@ringg.ai</a>
 				</div>
 			</section>
+			<section class="section split" id="integration">
+				<div class="section-copy">
+					<p class="section-kicker">SDK and Integration</p>
+					<h2>Integrate with voice-agent and real-time audio pipelines.</h2>
+					<p>
+						The Ringg SDK helps developers connect Ringg STT into application
+						workflows. Ringg Parrot STT V1 is highly compatible with Pipecat
+						toolkit using built-in VAD events.
+					</p>
 				</div>
+				<div class="info-card">
+					<ul class="clean-list">
 						<li>Python SDK is available through the ringglabs package on PyPI.</li>
+						<li>Built for low-latency streaming speech recognition.</li>
+						<li>Supports modern voice-agent orchestration patterns.</li>
 					</ul>
 					<a class="text-link" href="https://pypi.org/project/ringglabs/" target="_blank" rel="noreferrer">
 						View ringglabs on PyPI
 			<section class="section" id="benchmarks">
 				<div class="section-heading">
+					<p class="section-kicker">Benchmarks</p>
 					<h2>WER comparison across ASR benchmark datasets.</h2>
 					<p>
+						WER stands for Word Error Rate. Lower values indicate better
+						transcription accuracy. The lowest WER in each row is highlighted.
 					</p>
 				</div>
+				<div class="benchmark-grid">
+					<div class="table-card">
+						<div class="table-title">
+							<h3>Original WER</h3>
+							<span>Lower is better</span>
+						</div>
+						<div class="table-wrap">
+							<table>
+								<thead>
+									<tr>
+										<th>Dataset</th>
+										<th>Ringg</th>
+										<th>ElevenLabs</th>
+										<th>Deepgram</th>
+										<th>Sarvam</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr>
+										<td>indictts</td>
+										<td><strong>11.58</strong></td>
+										<td>16.06</td>
+										<td>13.65</td>
+										<td>15.37</td>
+									</tr>
+									<tr>
+										<td>commonvoice</td>
+										<td><strong>14.30</strong></td>
+										<td>16.59</td>
+										<td>20.04</td>
+										<td>18.21</td>
+									</tr>
+									<tr>
+										<td>fleurs</td>
+										<td>15.20</td>
+										<td><strong>11.99</strong></td>
+										<td>17.14</td>
+										<td>16.00</td>
+									</tr>
+									<tr>
+										<td>kathbath</td>
+										<td><strong>11.78</strong></td>
+										<td>13.24</td>
+										<td>15.93</td>
+										<td>17.53</td>
+									</tr>
+									<tr>
+										<td>kathbath_noisy</td>
+										<td><strong>13.09</strong></td>
+										<td>13.14</td>
+										<td>17.44</td>
+										<td>16.19</td>
+									</tr>
+									<tr>
+										<td>mucs</td>
+										<td>14.55</td>
+										<td><strong>11.69</strong></td>
+										<td>21.97</td>
+										<td>16.72</td>
+									</tr>
+									<tr>
+										<td>Overall WER</td>
+										<td>13.79</td>
+										<td><strong>13.00</strong></td>
+										<td>19.23</td>
+										<td>16.72</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
 					</div>
+					<div class="table-card">
+						<div class="table-title">
+							<h3>Normalized WER</h3>
+							<span>Lower is better</span>
+						</div>
+						<div class="table-wrap">
+							<table>
+								<thead>
+									<tr>
+										<th>Dataset</th>
+										<th>Ringg</th>
+										<th>ElevenLabs</th>
+										<th>Deepgram</th>
+										<th>Sarvam</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr>
+										<td>indictts</td>
+										<td><strong>3.94</strong></td>
+										<td>8.52</td>
+										<td>6.93</td>
+										<td>7.84</td>
+									</tr>
+									<tr>
+										<td>commonvoice</td>
+										<td><strong>6.37</strong></td>
+										<td>13.02</td>
+										<td>14.88</td>
+										<td>13.06</td>
+									</tr>
+									<tr>
+										<td>fleurs</td>
+										<td>9.73</td>
+										<td><strong>7.67</strong></td>
+										<td>11.35</td>
+										<td>9.54</td>
+									</tr>
+									<tr>
+										<td>kathbath</td>
+										<td><strong>7.15</strong></td>
+										<td>10.15</td>
+										<td>11.38</td>
+										<td>10.41</td>
+									</tr>
+									<tr>
+										<td>kathbath_noisy</td>
+										<td><strong>8.37</strong></td>
+										<td>10.01</td>
+										<td>12.98</td>
+										<td>11.78</td>
+									</tr>
+									<tr>
+										<td>mucs</td>
+										<td><strong>6.28</strong></td>
+										<td>6.75</td>
+										<td>12.07</td>
+										<td>7.58</td>
+									</tr>
+									<tr>
+										<td>Overall WER</td>
+										<td><strong>7.27</strong></td>
+										<td>8.94</td>
+										<td>12.36</td>
+										<td>9.76</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
 					</div>
 				</div>
 			</section>
 			<section class="section feature-grid">
+				<article class="feature-card">
 					<h2>Features</h2>
+					<ul class="clean-list">
 						<li>Hindi-English code-mixed speech recognition.</li>
 						<li>Real-time streaming transcription.</li>
 						<li>File-based transcription for common audio formats.</li>
 						<li>Low-latency inference for voice products.</li>
 					</ul>
 				</article>
+				<article class="feature-card">
 					<h2>Supported Inputs</h2>
+					<ul class="clean-list">
 						<li>Hindi, English, and code-mixed speech.</li>
 						<li>Clear audio with minimal background noise.</li>
 						<li>16kHz or higher sample rate recommended.</li>
 						<li>WAV, MP3, FLAC, M4A, OGG, and OPUS.</li>
 					</ul>
 				</article>
+				<article class="feature-card">
 					<h2>Use Cases</h2>
+					<ul class="clean-list">
 						<li>Voice assistants and AI agents.</li>
 						<li>Contact center transcription.</li>
 						<li>Meeting and conversation intelligence.</li>
 						<li>Voice search, subtitling, and accessibility workflows.</li>
 					</ul>
 				</article>
+				<article class="feature-card">
 					<h2>Limitations</h2>
+					<ul class="clean-list">
 						<li>Accuracy may vary with noisy or low-quality audio.</li>
+						<li>Overlapping speakers and dialect variation can affect quality.</li>
 						<li>Very long files or unsupported encodings may require preprocessing.</li>
 						<li>The hosted demo may differ from production deployment settings.</li>
 					</ul>
 				</article>
 			</section>
+			<section class="section split">
+				<div class="section-copy">
+					<p class="section-kicker">Benchmark Dataset</p>
 					<h2>Released benchmark data and ASR transcriptions.</h2>
 				</div>
+				<div class="info-card">
 					<p>
 						RinggAI has released the ASR Benchmarking Open-Source Dataset, which
 						includes benchmark audio/data and transcriptions generated by Ringg,
 				</div>
 			</section>
+			<section class="section split">
+				<div class="section-copy">
+					<p class="section-kicker">Privacy and Data Notice</p>
 					<h2>Review deployment terms before using sensitive data.</h2>
 				</div>
+				<div class="info-card">
 					<p>
 						Audio handling may depend on the selected deployment, integration, and
 						commercial terms. Review RinggAI privacy terms and deployment
 			</section>
 		</main>
+		<footer class="footer shell">
 			<div>
 				<strong>RinggAI</strong>
 				<p>Built by the RinggAI Team.</p>

style.css CHANGED Viewed

@@ -1,15 +1,18 @@
 :root {
-	--background: #07111f;
-	--surface: #0d1b2e;
-	--surface-soft: #11243d;
-	--border: #223956;
-	--text: #eef5ff;
-	--muted: #a9b7ca;
-	--accent: #4f8cff;
-	--accent-strong: #2e6feb;
-	--accent-soft: rgba(79, 140, 255, 0.16);
-	--success: #55d6a7;
-	--shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
 }
 * {
@@ -23,12 +26,13 @@ html {
 body {
 	margin: 0;
 	background:
-		radial-gradient(circle at top left, rgba(79, 140, 255, 0.22), transparent 34rem),
-		linear-gradient(180deg, #07111f 0%, #091526 48%, #07111f 100%);
 	color: var(--text);
 	font-family:
 		Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
 		sans-serif;
 	line-height: 1.6;
 }
@@ -48,15 +52,13 @@ p {
 	color: var(--muted);
 }
-.hero,
-main,
-.footer {
-	width: min(1180px, calc(100% - 40px));
 	margin: 0 auto;
 }
-.hero {
-	padding: 28px 0 40px;
 }
 .nav {
@@ -64,73 +66,130 @@ main,
 	align-items: center;
 	justify-content: space-between;
 	gap: 24px;
-	margin-bottom: 72px;
 }
 .brand {
-	font-size: 15px;
 	font-weight: 800;
-	letter-spacing: 0.02em;
 }
 .nav-links {
 	display: flex;
-	flex-wrap: wrap;
-	gap: 18px;
 	color: var(--muted);
 	font-size: 14px;
 }
 .nav-links a:hover,
-.text-link:hover,
-.footer-links a:hover {
-	color: var(--text);
 }
-.hero-content {
-	max-width: 880px;
-	padding: 56px;
-	border: 1px solid var(--border);
-	border-radius: 32px;
-	background:
-		linear-gradient(135deg, rgba(79, 140, 255, 0.18), transparent 44%),
-		rgba(13, 27, 46, 0.88);
-	box-shadow: var(--shadow);
 }
-.eyebrow,
-.section-label {
-	color: var(--success);
 	font-size: 13px;
-	font-weight: 800;
-	letter-spacing: 0.12em;
 	text-transform: uppercase;
 }
 h1 {
-	max-width: 820px;
 	margin-bottom: 22px;
-	font-size: clamp(44px, 8vw, 86px);
-	line-height: 0.98;
-	letter-spacing: -0.06em;
 }
 h2 {
-	margin-bottom: 16px;
-	font-size: clamp(28px, 4vw, 44px);
-	line-height: 1.08;
 	letter-spacing: -0.04em;
 }
 h3 {
-	margin-bottom: 16px;
-	font-size: 22px;
 	letter-spacing: -0.02em;
 }
-.hero-copy {
-	max-width: 720px;
-	font-size: 20px;
 }
 .cta-row {
@@ -146,49 +205,164 @@ h3 {
 	justify-content: center;
 	min-height: 48px;
 	padding: 0 22px;
-	border-radius: 999px;
-	font-weight: 800;
 }
 .button.primary {
 	background: var(--accent);
 	color: #ffffff;
-	box-shadow: 0 14px 30px rgba(79, 140, 255, 0.3);
 }
 .button.primary:hover {
-	background: var(--accent-strong);
 }
 .button.secondary {
 	border: 1px solid var(--border);
-	background: rgba(255, 255, 255, 0.04);
 	color: var(--text);
 }
 .button.secondary:hover {
-	border-color: var(--accent);
 }
-.notice {
-	margin-bottom: 0;
 	font-size: 14px;
 }
-.metrics {
 	display: grid;
-	grid-template-columns: repeat(3, 1fr);
 	gap: 18px;
-	margin: 24px 0 84px;
 }
 .metric-card,
-.card,
-.table-block {
 	border: 1px solid var(--border);
-	border-radius: 24px;
-	background: rgba(13, 27, 46, 0.78);
-	box-shadow: 0 14px 50px rgba(0, 0, 0, 0.18);
 }
 .metric-card {
@@ -201,9 +375,9 @@ h3 {
 }
 .metric-value {
-	margin-bottom: 8px;
 	color: var(--text);
-	font-size: 26px;
 	font-weight: 900;
 	letter-spacing: -0.04em;
 }
@@ -217,74 +391,109 @@ h3 {
 	margin-bottom: 84px;
 }
-.grid-two {
 	display: grid;
-	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
-	gap: 36px;
 	align-items: start;
 }
-.card {
 	padding: 28px;
 }
-.check-list {
 	display: grid;
-	gap: 10px;
-	margin: 0 0 18px;
 	padding: 0;
 	list-style: none;
 	color: var(--muted);
 }
-.check-list li {
 	position: relative;
-	padding-left: 22px;
 }
-.check-list li::before {
 	position: absolute;
 	left: 0;
-	top: 0.7em;
-	width: 8px;
-	height: 8px;
 	border-radius: 999px;
 	background: var(--accent);
 	content: "";
 }
 .text-link {
-	color: var(--success);
-	font-weight: 800;
 }
 .section-heading {
-	max-width: 760px;
 	margin-bottom: 28px;
 }
-.table-block {
-	margin-top: 20px;
-	padding: 26px;
 }
 .table-wrap {
 	overflow-x: auto;
 	border: 1px solid var(--border);
 	border-radius: 18px;
 }
 table {
 	width: 100%;
 	min-width: 680px;
 	border-collapse: collapse;
-	background: rgba(7, 17, 31, 0.36);
 }
 th,
 td {
 	padding: 14px 16px;
-	border-bottom: 1px solid rgba(34, 57, 86, 0.8);
 	text-align: right;
 	white-space: nowrap;
 }
@@ -295,57 +504,77 @@ td:first-child {
 }
 th {
-	background: rgba(79, 140, 255, 0.12);
-	color: var(--text);
-	font-size: 13px;
-	letter-spacing: 0.04em;
 	text-transform: uppercase;
 }
 td {
-	color: var(--muted);
 }
 td strong {
 	color: var(--success);
 }
 tbody tr:last-child td {
 	border-bottom: 0;
 }
 .feature-grid {
 	display: grid;
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 20px;
 }
 .footer {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 24px;
-	padding: 36px 0 56px;
 	border-top: 1px solid var(--border);
 }
 .footer p {
-	margin: 6px 0 0;
 }
 .footer-links {
 	display: flex;
 	flex-wrap: wrap;
-	gap: 16px;
 	color: var(--muted);
 	font-size: 14px;
 }
-@media (max-width: 840px) {
-	.hero,
-	main,
-	.footer {
-		width: min(100% - 28px, 1180px);
 	}
 	.nav,
@@ -354,38 +583,58 @@ tbody tr:last-child td {
 		flex-direction: column;
 	}
-	.nav {
-		margin-bottom: 34px;
 	}
-	.hero-content {
-		padding: 32px 24px;
-		border-radius: 24px;
 	}
-	.metrics,
-	.grid-two,
 	.feature-grid {
 		grid-template-columns: 1fr;
 	}
-	.metrics,
 	.section {
-		margin-bottom: 54px;
 	}
 }
-@media (max-width: 520px) {
 	.nav-links {
-		gap: 12px;
 	}
 	.button {
 		width: 100%;
 	}
-	.table-block,
-	.card,
 	.metric-card {
 		padding: 20px;
 	}

 :root {
+	--page: #f6f8fc;
+	--surface: #ffffff;
+	--surface-soft: #f0f5ff;
+	--text: #0f172a;
+	--muted: #5f6c80;
+	--muted-strong: #334155;
+	--border: #dce5f2;
+	--accent: #2557e8;
+	--accent-dark: #173fba;
+	--accent-soft: #e8efff;
+	--success: #0f9465;
+	--success-soft: #e7f8f1;
+	--shadow: 0 22px 70px rgba(15, 23, 42, 0.12);
+	--radius: 24px;
 }
 * {
 body {
 	margin: 0;
 	background:
+		radial-gradient(circle at 15% 0%, rgba(37, 87, 232, 0.14), transparent 34rem),
+		linear-gradient(180deg, #ffffff 0%, var(--page) 44%, #eef3fb 100%);
 	color: var(--text);
 	font-family:
 		Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
 		sans-serif;
+	font-size: 16px;
 	line-height: 1.6;
 }
 	color: var(--muted);
 }
+.shell {
+	width: min(1120px, calc(100% - 48px));
 	margin: 0 auto;
 }
+.site-header {
+	padding: 22px 0 56px;
 }
 .nav {
 	align-items: center;
 	justify-content: space-between;
 	gap: 24px;
+	min-height: 66px;
+	padding: 0 18px;
+	border: 1px solid rgba(220, 229, 242, 0.86);
+	border-radius: 999px;
+	background: rgba(255, 255, 255, 0.86);
+	box-shadow: 0 12px 40px rgba(15, 23, 42, 0.06);
+	backdrop-filter: blur(16px);
 }
 .brand {
+	display: inline-flex;
+	align-items: center;
+	gap: 10px;
+	color: var(--text);
 	font-weight: 800;
+}
+.brand-mark {
+	display: inline-grid;
+	width: 34px;
+	height: 34px;
+	place-items: center;
+	border-radius: 12px;
+	background: linear-gradient(135deg, var(--accent), #6a8cff);
+	color: #ffffff;
+	font-size: 15px;
+	box-shadow: 0 12px 28px rgba(37, 87, 232, 0.26);
 }
 .nav-links {
 	display: flex;
+	gap: 24px;
 	color: var(--muted);
 	font-size: 14px;
+	font-weight: 700;
 }
 .nav-links a:hover,
+.footer-links a:hover,
+.text-link:hover {
+	color: var(--accent);
 }
+.nav-cta {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 40px;
+	padding: 0 16px;
+	border-radius: 999px;
+	background: var(--text);
+	color: #ffffff;
+	font-size: 14px;
+	font-weight: 800;
 }
+.nav-cta:hover {
+	background: var(--accent);
+}
+.hero {
+	display: grid;
+	grid-template-columns: minmax(0, 1.12fr) minmax(340px, 0.88fr);
+	gap: 44px;
+	align-items: center;
+	padding: 74px 0 34px;
+}
+.tag-row {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 12px;
+	margin-bottom: 22px;
+	color: var(--muted-strong);
+	font-size: 14px;
+	font-weight: 700;
+}
+.pill {
+	display: inline-flex;
+	align-items: center;
+	min-height: 32px;
+	padding: 0 12px;
+	border: 1px solid #bcd0ff;
+	border-radius: 999px;
+	background: var(--accent-soft);
+	color: var(--accent-dark);
 	font-size: 13px;
+	font-weight: 900;
+	letter-spacing: 0.03em;
 	text-transform: uppercase;
 }
 h1 {
+	max-width: 720px;
 	margin-bottom: 22px;
+	color: var(--text);
+	font-size: clamp(42px, 6vw, 68px);
+	line-height: 1.02;
+	letter-spacing: -0.055em;
 }
 h2 {
+	margin-bottom: 14px;
+	color: var(--text);
+	font-size: clamp(28px, 3.4vw, 42px);
+	line-height: 1.12;
 	letter-spacing: -0.04em;
 }
 h3 {
+	margin-bottom: 0;
+	color: var(--text);
+	font-size: 20px;
 	letter-spacing: -0.02em;
 }
+.lead {
+	max-width: 660px;
+	margin-bottom: 0;
+	color: var(--muted);
+	font-size: 19px;
+	line-height: 1.75;
 }
 .cta-row {
 	justify-content: center;
 	min-height: 48px;
 	padding: 0 22px;
+	border-radius: 14px;
+	font-weight: 900;
+	transition:
+		transform 180ms ease,
+		box-shadow 180ms ease,
+		background 180ms ease,
+		border-color 180ms ease;
+}
+.button:hover {
+	transform: translateY(-1px);
 }
 .button.primary {
 	background: var(--accent);
 	color: #ffffff;
+	box-shadow: 0 16px 34px rgba(37, 87, 232, 0.28);
 }
 .button.primary:hover {
+	background: var(--accent-dark);
 }
 .button.secondary {
 	border: 1px solid var(--border);
+	background: #ffffff;
 	color: var(--text);
+	box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
 }
 .button.secondary:hover {
+	border-color: #a9bdf8;
 }
+.proof-row {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 10px;
+	color: var(--muted);
+	font-size: 14px;
+}
+.proof-row span {
+	padding: 7px 10px;
+	border: 1px solid var(--border);
+	border-radius: 999px;
+	background: rgba(255, 255, 255, 0.72);
+}
+.hero-panel {
+	position: relative;
+	padding: 24px;
+	border: 1px solid rgba(220, 229, 242, 0.96);
+	border-radius: 30px;
+	background: rgba(255, 255, 255, 0.92);
+	box-shadow: var(--shadow);
+	overflow: hidden;
+}
+.hero-panel::before {
+	position: absolute;
+	inset: 0 0 auto;
+	height: 8px;
+	background: linear-gradient(90deg, var(--accent), #72d4ae);
+	content: "";
+}
+.panel-header {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	margin: 12px 0 22px;
+	color: var(--muted);
 	font-size: 14px;
+	font-weight: 800;
+	text-transform: uppercase;
+	letter-spacing: 0.08em;
+}
+.panel-header strong {
+	padding: 5px 10px;
+	border-radius: 999px;
+	background: var(--accent-soft);
+	color: var(--accent-dark);
+	letter-spacing: 0;
+}
+.signal-card {
+	padding: 24px;
+	border-radius: 22px;
+	background: linear-gradient(135deg, #102040, #173fba);
+	color: #ffffff;
+	box-shadow: 0 18px 44px rgba(23, 63, 186, 0.22);
 }
+.signal-card p {
+	margin-bottom: 0;
+	color: rgba(255, 255, 255, 0.76);
+}
+.signal-card strong {
+	display: block;
+	margin: 8px 0 4px;
+	font-size: 48px;
+	line-height: 1;
+	letter-spacing: -0.05em;
+}
+.signal-label {
+	color: rgba(255, 255, 255, 0.72);
+	font-size: 13px;
+	font-weight: 800;
+	text-transform: uppercase;
+	letter-spacing: 0.08em;
+}
+.panel-list {
 	display: grid;
+	gap: 14px;
+	margin-top: 20px;
+}
+.panel-list div {
+	display: flex;
+	justify-content: space-between;
 	gap: 18px;
+	padding: 16px 0;
+	border-bottom: 1px solid var(--border);
+}
+.panel-list div:last-child {
+	border-bottom: 0;
+}
+.panel-list span {
+	color: var(--muted);
+}
+.panel-list strong {
+	color: var(--text);
+	text-align: right;
+}
+.metric-strip {
+	display: grid;
+	grid-template-columns: repeat(3, minmax(0, 1fr));
+	gap: 18px;
+	margin: 0 0 78px;
 }
 .metric-card,
+.info-card,
+.feature-card,
+.table-card {
 	border: 1px solid var(--border);
+	border-radius: var(--radius);
+	background: rgba(255, 255, 255, 0.9);
+	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.07);
 }
 .metric-card {
 }
 .metric-value {
+	margin-bottom: 6px;
 	color: var(--text);
+	font-size: 25px;
 	font-weight: 900;
 	letter-spacing: -0.04em;
 }
 	margin-bottom: 84px;
 }
+.split {
 	display: grid;
+	grid-template-columns: minmax(0, 0.94fr) minmax(0, 1.06fr);
+	gap: 44px;
 	align-items: start;
 }
+.section-kicker {
+	margin-bottom: 12px;
+	color: var(--success);
+	font-size: 13px;
+	font-weight: 900;
+	letter-spacing: 0.12em;
+	text-transform: uppercase;
+}
+.section-copy p,
+.section-heading p {
+	max-width: 640px;
+}
+.info-card,
+.feature-card {
 	padding: 28px;
 }
+.clean-list {
 	display: grid;
+	gap: 12px;
+	margin: 0 0 20px;
 	padding: 0;
 	list-style: none;
 	color: var(--muted);
 }
+.clean-list li {
 	position: relative;
+	padding-left: 24px;
 }
+.clean-list li::before {
 	position: absolute;
 	left: 0;
+	top: 0.68em;
+	width: 9px;
+	height: 9px;
 	border-radius: 999px;
 	background: var(--accent);
 	content: "";
 }
 .text-link {
+	color: var(--accent);
+	font-weight: 900;
 }
 .section-heading {
+	max-width: 780px;
 	margin-bottom: 28px;
 }
+.benchmark-grid {
+	display: grid;
+	gap: 22px;
+}
+.table-card {
+	padding: 24px;
+}
+.table-title {
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
+	gap: 16px;
+	margin-bottom: 16px;
+}
+.table-title span {
+	color: var(--muted);
+	font-size: 13px;
+	font-weight: 800;
+	text-transform: uppercase;
+	letter-spacing: 0.08em;
 }
 .table-wrap {
 	overflow-x: auto;
 	border: 1px solid var(--border);
 	border-radius: 18px;
+	background: #ffffff;
 }
 table {
 	width: 100%;
 	min-width: 680px;
 	border-collapse: collapse;
 }
 th,
 td {
 	padding: 14px 16px;
+	border-bottom: 1px solid #edf2f8;
 	text-align: right;
 	white-space: nowrap;
 }
 }
 th {
+	background: #f7f9fd;
+	color: var(--muted-strong);
+	font-size: 12px;
+	font-weight: 900;
+	letter-spacing: 0.06em;
 	text-transform: uppercase;
 }
 td {
+	color: var(--muted-strong);
+	font-size: 14px;
 }
 td strong {
+	display: inline-block;
+	min-width: 56px;
+	padding: 4px 9px;
+	border-radius: 999px;
+	background: var(--success-soft);
 	color: var(--success);
+	text-align: center;
 }
 tbody tr:last-child td {
 	border-bottom: 0;
 }
+tbody tr:hover td {
+	background: #fbfdff;
+}
 .feature-grid {
 	display: grid;
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 20px;
 }
+.feature-card h2 {
+	font-size: 26px;
+}
 .footer {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 24px;
+	padding: 34px 0 52px;
 	border-top: 1px solid var(--border);
 }
 .footer p {
+	margin: 4px 0 0;
 }
 .footer-links {
 	display: flex;
 	flex-wrap: wrap;
+	gap: 18px;
 	color: var(--muted);
 	font-size: 14px;
+	font-weight: 700;
 }
+@media (max-width: 900px) {
+	.shell {
+		width: min(100% - 32px, 1120px);
+	}
+	.nav {
+		border-radius: 24px;
+		padding: 16px;
 	}
 	.nav,
 		flex-direction: column;
 	}
+	.nav-links {
+		order: 3;
+		width: 100%;
+		justify-content: flex-start;
 	}
+	.hero {
+		grid-template-columns: 1fr;
+		padding-top: 48px;
 	}
+	.metric-strip,
+	.split,
 	.feature-grid {
 		grid-template-columns: 1fr;
 	}
+	.metric-strip,
 	.section {
+		margin-bottom: 56px;
 	}
 }
+@media (max-width: 560px) {
+	h1 {
+		font-size: 40px;
+	}
+	.lead {
+		font-size: 17px;
+	}
 	.nav-links {
+		gap: 14px;
 	}
+	.nav-cta,
 	.button {
 		width: 100%;
 	}
+	.panel-list div {
+		display: grid;
+	}
+	.panel-list strong {
+		text-align: left;
+	}
+	.table-card,
+	.info-card,
+	.feature-card,
 	.metric-card {
 		padding: 20px;
 	}