<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cite-Finance API - LLM-Ready Financial Data with Citations</title>
<meta name="description" content="Structured, cited financial answers in <300ms. Stop hallucinating. Start citing sources.">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', sans-serif;
line-height: 1.6;
color: #333;
background: #fff;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Hero Section */
.hero {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
padding: 80px 20px;
text-align: center;
}
.hero h1 {
font-size: 3.5rem;
font-weight: 800;
margin-bottom: 20px;
line-height: 1.2;
}
.hero .tagline {
font-size: 1.5rem;
margin-bottom: 40px;
opacity: 0.95;
}
.cta-button {
display: inline-block;
background: #fff;
color: #667eea;
padding: 16px 40px;
border-radius: 8px;
text-decoration: none;
font-weight: 700;
font-size: 1.1rem;
box-shadow: 0 4px 15px rgba(0,0,0,0.2);
transition: transform 0.2s, box-shadow 0.2s;
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(0,0,0,0.3);
}
/* Code Demo Section */
.code-demo {
background: #f8f9fa;
padding: 60px 20px;
}
.code-demo h2 {
text-align: center;
font-size: 2rem;
margin-bottom: 40px;
color: #333;
}
.code-block {
background: #1e1e1e;
color: #d4d4d4;
padding: 24px;
border-radius: 8px;
overflow-x: auto;
font-family: 'Monaco', 'Courier New', monospace;
font-size: 14px;
line-height: 1.5;
max-width: 800px;
margin: 0 auto 30px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.code-comment {
color: #6a9955;
}
.code-string {
color: #ce9178;
}
.code-keyword {
color: #569cd6;
}
.code-function {
color: #dcdcaa;
}
.response-example {
background: #fff;
border: 2px solid #e0e0e0;
border-radius: 8px;
padding: 20px;
max-width: 800px;
margin: 0 auto;
font-family: 'Monaco', 'Courier New', monospace;
font-size: 13px;
}
.checkmark {
color: #10b981;
font-weight: bold;
}
/* Features Section */
.features {
padding: 80px 20px;
}
.features h2 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 60px;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
max-width: 1000px;
margin: 0 auto;
}
.feature {
text-align: center;
}
.feature-icon {
font-size: 3rem;
margin-bottom: 20px;
}
.feature h3 {
font-size: 1.3rem;
margin-bottom: 12px;
color: #667eea;
}
.feature p {
color: #666;
line-height: 1.6;
}
/* Pricing Section */
.pricing {
background: #f8f9fa;
padding: 80px 20px;
}
.pricing h2 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 60px;
}
.pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
max-width: 1100px;
margin: 0 auto;
}
.plan {
background: white;
border: 2px solid #e0e0e0;
border-radius: 12px;
padding: 40px 30px;
text-align: center;
transition: transform 0.2s, box-shadow 0.2s;
}
.plan:hover {
transform: translateY(-4px);
box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}
.plan.popular {
border-color: #667eea;
position: relative;
}
.plan.popular::before {
content: "POPULAR";
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
background: #667eea;
color: white;
padding: 6px 20px;
border-radius: 20px;
font-size: 12px;
font-weight: 700;
}
.plan h3 {
font-size: 1.5rem;
margin-bottom: 10px;
}
.plan .price {
font-size: 3rem;
font-weight: 800;
color: #667eea;
margin: 20px 0;
}
.plan .price span {
font-size: 1.2rem;
color: #666;
}
.plan ul {
list-style: none;
margin: 30px 0;
text-align: left;
}
.plan li {
padding: 10px 0;
color: #666;
}
.plan li::before {
content: "✓ ";
color: #10b981;
font-weight: bold;
margin-right: 8px;
}
/* Footer */
footer {
background: #1e1e1e;
color: #d4d4d4;
padding: 40px 20px;
text-align: center;
}
footer a {
color: #667eea;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
@media (max-width: 768px) {
.hero h1 {
font-size: 2.5rem;
}
.hero .tagline {
font-size: 1.2rem;
}
}
</style>
</head>
<body>
<!-- Hero Section -->
<section class="hero">
<div class="container">
<h1>LLM-Ready Financial Data<br>with Citations</h1>
<p class="tagline">Stop hallucinating. Start citing sources.</p>
<a href="#pricing" class="cta-button">Start Free Trial</a>
</div>
</section>
<!-- Code Demo -->
<section class="code-demo">
<div class="container">
<h2>One API Call. Structured Data. Verified Sources.</h2>
<div class="code-block">
<span class="code-comment"># Get verified financial data in one line</span>
<span class="code-keyword">import</span> requests
response = requests.<span class="code-function">get</span>(
<span class="code-string">"https://api.cite-finance.io/api/v1/answers"</span>,
params={
<span class="code-string">"ticker"</span>: <span class="code-string">"AAPL"</span>,
<span class="code-string">"metric"</span>: <span class="code-string">"revenue_ttm"</span>,
<span class="code-string">"format"</span>: <span class="code-string">"json"</span>
},
headers={<span class="code-string">"X-API-Key"</span>: <span class="code-string">"your_key"</span>}
)
data = response.<span class="code-function">json</span>()
</div>
<div class="response-example">
{
"ticker": "AAPL",
"metric": "revenue_ttm",
"value": 383285000000,
"unit": "USD",
"period": "TTM",
"sources": [
{
"type": "sec_filing",
"filing": "10-K",
"url": "https://www.sec.gov/..."
}
],
"consistency_score": 0.96,
"retrieved_at": "2025-11-24T12:00:00Z"
}
<span class="checkmark">✓</span> Structured JSON (no hallucination)
<span class="checkmark">✓</span> SEC citations with URLs
<span class="checkmark">✓</span> 96% consistency score
<span class="checkmark">✓</span> Sub-300ms response time
</div>
</div>
</section>
<!-- Features -->
<section class="features">
<div class="container">
<h2>Why Cite-Finance?</h2>
<div class="features-grid">
<div class="feature">
<div class="feature-icon">🎯</div>
<h3>Zero Hallucination</h3>
<p>Pure structured data, no LLM inference. Every number comes with a verified source.</p>
</div>
<div class="feature">
<div class="feature-icon">⚡</div>
<h3>Lightning Fast</h3>
<p>Sub-300ms p95 latency. Built for real-time financial applications.</p>
</div>
<div class="feature">
<div class="feature-icon">📊</div>
<h3>Consistency Scores</h3>
<p>Cross-source validation gives you confidence in the data (0-1 metric).</p>
</div>
<div class="feature">
<div class="feature-icon">🔗</div>
<h3>SEC Citations</h3>
<p>Every response includes direct links to source filings. Perfect for compliance.</p>
</div>
<div class="feature">
<div class="feature-icon">🤖</div>
<h3>LLM-Ready</h3>
<p>Format=llm option returns prompt-ready text snippets with metadata.</p>
</div>
<div class="feature">
<div class="feature-icon">🛡️</div>
<h3>Production Grade</h3>
<p>99.9% SLA, Sentry monitoring, Stripe billing. Built to scale.</p>
</div>
</div>
</div>
</section>
<!-- Pricing -->
<section class="pricing" id="pricing">
<div class="container">
<h2>Simple, Transparent Pricing</h2>
<div class="pricing-grid">
<div class="plan">
<h3>Free</h3>
<div class="price">$0<span>/mo</span></div>
<ul>
<li>50 API calls/month</li>
<li>Basic metrics only</li>
<li>Community support</li>
<li>Perfect for testing</li>
</ul>
<a href="https://api.cite-finance.io/docs" class="cta-button">Get Started</a>
</div>
<div class="plan popular">
<h3>Starter</h3>
<div class="price">$49<span>/mo</span></div>
<ul>
<li>2,000 API calls/month</li>
<li>LLM-ready answers</li>
<li>Citations & consistency</li>
<li>Email support</li>
</ul>
<a href="https://api.cite-finance.io/docs" class="cta-button">Start Trial</a>
</div>
<div class="plan">
<h3>Professional</h3>
<div class="price">$199<span>/mo</span></div>
<ul>
<li>10,000 API calls/month</li>
<li>All features</li>
<li>99.9% SLA</li>
<li>Priority support</li>
</ul>
<a href="https://api.cite-finance.io/docs" class="cta-button">Start Trial</a>
</div>
<div class="plan">
<h3>Enterprise</h3>
<div class="price">$999<span>/mo</span></div>
<ul>
<li>Unlimited API calls</li>
<li>Custom metrics</li>
<li>99.95% SLA</li>
<li>Dedicated support</li>
</ul>
<a href="mailto:contact@cite-finance.io" class="cta-button">Contact Sales</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="container">
<p>Built for LLM-first financial applications</p>
<p style="margin-top: 20px;">
<a href="https://api.cite-finance.io/docs">API Docs</a> ·
<a href="https://github.com/Spectating101/cite-finance-api">GitHub</a> ·
<a href="mailto:contact@cite-finance.io">Contact</a>
</p>
<p style="margin-top: 20px; color: #999; font-size: 0.9rem;">
© 2025 Cite-Finance API. All rights reserved.
</p>
</div>
</footer>
</body>
</html>
