/* Section base */ section{padding:80px 0;position:relative} .section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:48px} .section-head h2{font-size:clamp(32px, 3.8vw, 52px);font-weight:700;letter-spacing:-.02em;margin:0;text-wrap:balance;max-width:18ch} .section-head p{margin:0;color:var(--muted);font-size:18px;max-width:60ch}
/* Problem */ .problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative} .problem-grid::before{ content:"";position:absolute;top:60px;left:8%;right:8%;height:1px; background:linear-gradient(90deg, transparent, rgba(0,212,255,.5), transparent); z-index:0; } .card{ position:relative;padding:28px;border-radius:var(--r-lg); background:linear-gradient(180deg, rgba(20,26,58,.65), rgba(15,20,48,.45)); border:1px solid var(--line); backdrop-filter:blur(8px); transition:border-color .25s, transform .25s, box-shadow .25s; z-index:1; } .card:hover{border-color:var(--line-2);transform:translateY(-3px);box-shadow:0 20px 50px -20px rgba(0,212,255,.2)} .card .icon{ width:46px;height:46px;border-radius:12px;display:grid;place-items:center; background:linear-gradient(135deg, rgba(0,212,255,.15), rgba(58,123,255,.08)); border:1px solid rgba(0,212,255,.2);margin-bottom:18px;color:var(--cyan); } .card h3{margin:0 0 8px;font-size:18px;font-weight:600;letter-spacing:-.01em} .card p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
/* Solution */ .solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px} .solution-hub{ position:relative;border-radius:24px;padding:60px 40px;text-align:center;margin-bottom:34px; background:radial-gradient(ellipse at center, rgba(0,212,255,.12), rgba(15,20,48,.6) 60%); border:1px solid var(--line-2); overflow:hidden; } .solution-hub::after{ content:"";position:absolute;inset:0; background: radial-gradient(circle at 20% 30%, rgba(0,255,157,.08), transparent 30%), radial-gradient(circle at 80% 70%, rgba(58,123,255,.1), transparent 30%); pointer-events:none; } .hub-glyph{width:84px;height:84px;margin:0 auto 18px;position:relative} .hub-title{font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px} .hub-sub{color:var(--muted);font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
/* Flow / How it works */ .flow{ display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative; } .step{ position:relative;padding:24px 18px;border-radius:14px; background:linear-gradient(180deg, rgba(20,26,58,.5), rgba(15,20,48,.3)); border:1px solid var(--line); text-align:left; } .step .num{ font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--cyan);letter-spacing:.18em; } .step h4{margin:14px 0 6px;font-size:16px;font-weight:600;letter-spacing:-.01em} .step p{margin:0;font-size:13px;color:var(--muted);line-height:1.5} .step .step-icon{width:32px;height:32px;color:var(--cyan);margin-bottom:6px} .arrow{position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:rgba(0,212,255,.5);z-index:2;display:none} .flow .step:not(:last-child) .arrow{display:block} .terraform-bg{ position:absolute;inset:0;pointer-events:none;opacity:.06; font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--cyan); overflow:hidden;line-height:1.6;padding:40px;white-space:pre-wrap; mask-image:linear-gradient(180deg, transparent, #000 30%, #000 70%, transparent); z-index:0; } .flow-wrap{position:relative}
/* Comparison */ .compare{ border:1px solid var(--line-2);border-radius:18px;overflow:hidden; background:linear-gradient(180deg, rgba(15,20,48,.7), rgba(10,14,39,.7)); backdrop-filter:blur(10px); } .compare table{width:100%;border-collapse:collapse} .compare th,.compare td{ padding:18px 18px;text-align:left;font-size:14px; border-bottom:1px solid var(--line); } .compare th{ font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em; color:var(--muted);font-weight:500;text-transform:uppercase; background:rgba(0,212,255,.04); } .compare td:first-child{font-weight:600} .compare tr.synlake-row td{ background:linear-gradient(90deg, rgba(0,255,157,.06), rgba(0,212,255,.06)); color:var(--text); border-top:1px solid rgba(0,212,255,.3); } .compare tr.synlake-row td:first-child{ color:var(--cyan); } .compare tr:last-child td{border-bottom:none} .pill{ display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12px; font-family:"JetBrains Mono",monospace;letter-spacing:.05em; } .pill.no{background:rgba(255,93,122,.12);color:#ff8a9f;border:1px solid rgba(255,93,122,.25)} .pill.partial{background:rgba(255,181,71,.12);color:#ffc77a;border:1px solid rgba(255,181,71,.25)} .pill.yes{background:rgba(0,255,157,.12);color:var(--neon);border:1px solid rgba(0,255,157,.3)}
/* Impact */ .kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px} .kpi{ padding:28px 20px;border-radius:16px;text-align:left; background:linear-gradient(180deg, rgba(20,26,58,.6), rgba(15,20,48,.3)); border:1px solid var(--line); position:relative;overflow:hidden; } .kpi::after{ content:"";position:absolute;left:0;right:0;bottom:0;height:1px; background:linear-gradient(90deg, transparent, var(--cyan), transparent); opacity:.4; } .kpi .num{ font-size:42px;font-weight:700;letter-spacing:-.03em; background:linear-gradient(135deg, #fff, var(--cyan)); -webkit-background-clip:text;background-clip:text;color:transparent; line-height:1; } .kpi .label{margin-top:10px;font-size:13px;color:var(--muted);line-height:1.4} .kpi .ico{width:24px;height:24px;color:var(--cyan);margin-bottom:18px;opacity:.8}
/* Form */ .form-card{ border:1px solid var(--line-2);border-radius:24px;padding:42px; background:linear-gradient(180deg, rgba(15,20,48,.7), rgba(10,14,39,.6)); backdrop-filter:blur(10px); position:relative;overflow:hidden; } .form-card::before{ content:"";position:absolute;inset:0; background:radial-gradient(ellipse at top right, rgba(0,212,255,.1), transparent 50%); pointer-events:none; } .form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative} .field label{display:block;font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px} .field input, .field select{ width:100%;padding:14px 16px;border-radius:10px; background:rgba(5,8,28,.6); border:1px solid var(--line);color:var(--text);font-family:inherit;font-size:15px; transition:border-color .2s, box-shadow .2s; appearance:none; } .field input:focus,.field select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,212,255,.12)} .form-foot{display:flex;justify-content:space-between;align-items:center;margin-top:26px;flex-wrap:wrap;gap:12px;position:relative} .form-foot small{color:var(--muted);font-size:12.5px}
/* Footer */ footer.foot{ border-top:1px solid var(--line);padding:50px 0 40px;margin-top:80px; } .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:34px} .foot-col h5{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:0 0 14px;font-weight:500} .foot-col a{display:block;color:var(--text);font-size:14px;padding:6px 0;opacity:.85;transition:color .2s, opacity .2s} .foot-col a:hover{color:var(--cyan);opacity:1} .foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);flex-wrap:wrap;gap:12px}
/* Reveal */ .reveal{opacity:0;transform:translateY(8px);transition:opacity .4s ease, transform .4s ease} .reveal.in{opacity:1;transform:translateY(0)}
/* Responsive */ @media (max-width: 960px){ .hero-grid{grid-template-columns:1fr;gap:40px} .problem-grid{grid-template-columns:1fr} .problem-grid::before{display:none} .solution-grid{grid-template-columns:1fr} .flow{grid-template-columns:1fr} .kpi-row{grid-template-columns:repeat(2,1fr)} .foot-grid{grid-template-columns:1fr 1fr} .nav-links{display:none} .form-grid{grid-template-columns:1fr} .compare{overflow-x:auto} .compare table{min-width:760px} }
Deploy cloud
infrastructure in seconds.
Machine-ready execution payloads for AI agents. No dashboards. No clicks. No friction — just deterministic infrastructure on demand.
Ready to automate infrastructure?
Describe your agent's needs. We'll generate a signed execution payload — Terraform, CLI, cost estimate, and validations — in seconds.
Today's cloud is built for humans, not agents.
Autonomous agents need machine-ready infrastructure. Today's stack still assumes a human sitting at a dashboard.
Fragmented infrastructure
AWS, Azure, GCP, vector DBs and APIs each speak different dialects. Agents drown in adapters before they ever execute.
No machine-ready standard
Documentation is for humans. Outputs are ambiguous. Without a normalized JSON contract, every integration is bespoke.
Manual execution loop
Agents can plan but can't safely act. No guardrails, no payment rails, no auditable receipts — so a human stays in the loop.
The nervous system of autonomous commerce.
One normalized layer between agents and every cloud — discovery, execution, guardrails, and payments.
<div class="solution-hub reveal">
<div class="hub-glyph" aria-hidden="true">
<svg viewBox="0 0 84 84" fill="none" width="84" height="84">
<defs>
<radialGradient id="hub-rg" cx="50%" cy="50%" r="50%">
<stop offset="0%" stop-color="#00d4ff" stop-opacity=".9"/>
<stop offset="100%" stop-color="#3a7bff" stop-opacity="0"/>
</radialGradient>
</defs>
<circle cx="42" cy="42" r="38" fill="url(#hub-rg)"/>
<circle cx="42" cy="42" r="20" stroke="#00d4ff" stroke-width="1.4" opacity=".6"/>
<circle cx="42" cy="42" r="30" stroke="#00d4ff" stroke-width="1" opacity=".25"/>
<path d="M42 26 L42 50 L30 50 Z" fill="#00d4ff"/>
<path d="M44 30 L54 50 L44 50 Z" fill="#3a7bff"/>
</svg>
</div>
<div class="hub-title">Synlake — one API for every cloud</div>
<div class="hub-sub">discover · normalize · execute · audit</div>
</div>
<div class="solution-grid">
<div class="card reveal">
<div class="icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M5 18a4 4 0 0 1 0-8 6 6 0 0 1 11-2 5 5 0 0 1 1 10H5z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/></svg></div>
<h3>Multi-cloud normalization</h3>
<p>Unified JSON schema across AWS, Azure, and GCP. One contract — always machine-ready, always up to date.</p>
</div>
<div class="card reveal">
<div class="icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M8 6l-4 6 4 6M16 6l4 6-4 6M14 4l-4 16" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
<h3>Automatic execution kits</h3>
<p>Terraform, CLI commands, and API calls generated and validated on demand. Ready to run, never glue code.</p>
</div>
<div class="card reveal">
<div class="icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><path d="M12 3l8 4v6c0 4.5-3.5 8-8 8s-8-3.5-8-8V7l8-4z" stroke="currentColor" stroke-width="1.6" stroke-linejoin="round"/><path d="M12 9v4M12 16h.01" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></div>
<h3>Financial guardrails</h3>
<p>Budget caps, region policies, and cost simulation enforced before execution. Every query validates constraints automatically.</p>
</div>
<div class="card reveal">
<div class="icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none"><rect x="3" y="6" width="18" height="13" rx="2.4" stroke="currentColor" stroke-width="1.6"/><path d="M3 11h18M7 16h4" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg></div>
<h3>Audit & accountability</h3>
<p>Every query logged with request, response, cost, and timestamp. Full audit trail for compliance and cost tracking.</p>
</div>
</div>
</div>
From agent intent to deployed infrastructure — in five steps.
Agent requests
"I need a Postgres in AWS, < $50/mo, EU region."
Synlake discovers
Normalizes options across every cloud and returns ranked, costed candidates.
Generate kit
Outputs Terraform, CLI, API calls + cost estimate as one signed JSON payload.
Validate
Budget validation, region check, compliance enforcement, and cost simulation before execution.
Deploy
Execution kit delivered — Terraform, CLI, and cost breakdown returned to the agent, ready to deploy.
Why Synlake.
Other platforms stop at storage, analytics, or APIs. Synlake closes the loop — discovery, execution, and payments in one stack.
| Platform | Focus | Output | Machine-ready | Executes | Audit trail |
|---|---|---|---|---|---|
| Generic data warehouse | Storage & SQL | Dashboards | — no | — no | — no |
| Lakehouse / ML | Pipelines & notebooks | Models | — no | — no | — no |
| Hyperscaler clouds | Raw compute | APIs / consoles | ~ partial | — no | — no |
| API marketplaces | Data APIs | JSON | ✓ yes | — no | — no |
| Vector DBs | Embeddings | Vectors | ✓ yes | — no | — no |
| Agent frameworks | Orchestration | Workflows | ~ partial | — no | — no |
| Payment rails | Transactions | Payments | — no | — no | ✓ yes |
| Synlake (B2AI) | Infrastructure for agents | Execution kit + audit | ✓ 100% | ✓ end-to-end | ✓ full logging |
Built for an agent-scale economy.
Get your API key.
Start building in 30 seconds. 100 free API calls every month. Pay only for what you use.
<div class="form-card reveal" style="max-width:640px;margin:0 auto">
<div style="display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end">
<div class="field">
<label>Email address</label>
<input id="reg-email" type="email" placeholder="developer@company.com" />
</div>
<button type="button" class="btn btn-primary btn-lg" id="reg-btn" style="margin-bottom:1px">
Get free API key
<svg width="14" height="14" viewBox="0 0 24 24" fill="none"><path d="M5 12h14M13 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
</button>
</div>
<div id="reg-result" style="margin-top:18px;display:none"></div>
</div>
<!-- Pricing: pay-per-execution -->
<div style="display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:50px;max-width:800px;margin-left:auto;margin-right:auto">
<!-- Free Tier -->
<div class="card reveal" style="text-align:center">
<div style="font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:14px">Free Tier</div>
<div style="font-size:36px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px">$0</div>
<div style="font-size:13px;color:var(--muted);margin-bottom:18px">100 calls / month</div>
<div style="text-align:left;font-size:13px;color:var(--muted);line-height:2">
✓ Cost estimates<br>
✓ Multi-cloud comparison<br>
✓ Terraform HCL + CLI<br>
✓ No credit card required
</div>
</div>
<!-- Pay as you go -->
<div class="card reveal" style="text-align:center;border-color:var(--cyan);box-shadow:0 0 30px -10px rgba(0,212,255,.3)">
<div style="font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--cyan);margin-bottom:14px">Pay as you go</div>
<div style="font-size:36px;font-weight:700;letter-spacing:-.03em;margin-bottom:4px;background:linear-gradient(135deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent">$0.01</div>
<div style="font-size:13px;color:var(--muted);margin-bottom:18px">starting per API call</div>
<div style="text-align:left;font-size:13px;color:var(--muted);line-height:2">
<span style="color:var(--cyan)">$0.01</span> — estimate<br>
<span style="color:var(--cyan)">$0.05</span> — query (basic)<br>
<span style="color:var(--cyan)">$0.10</span> — query + execution kit<br>
<span style="color:var(--cyan)">$0.05</span> — validate (dry-run)
</div>
<button onclick="startCheckout('usage')" style="margin-top:18px;width:100%;padding:10px;background:linear-gradient(135deg,#00d4ff,#3a7bff);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;letter-spacing:.02em">Activate billing</button>
</div>
</div>
<!-- Spending caps -->
<div class="reveal" style="max-width:800px;margin:24px auto 0;text-align:center">
<div class="card" style="padding:16px 24px;display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none"><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z" stroke="var(--cyan)" stroke-width="2"/><path d="M12 6v6l4 2" stroke="var(--cyan)" stroke-width="2" stroke-linecap="round"/></svg>
<span><strong style="color:#fff">Spending caps</strong> — set a monthly limit per agent. Synlake blocks requests when the cap is reached. Zero surprise bills.</span>
</div>
</div>
</div>
} catch (err) { b.innerHTML = '✗ API error'; b.style.background = 'linear-gradient(135deg, #ff5d7a, #ff8a9f)'; }
setTimeout(()=>{ b.innerHTML = original; b.style.background = ''; b.disabled = false; }, 8000); });
} catch(e) { result.style.display = 'block'; result.innerHTML = '
// --- Stripe Checkout --- async function startCheckout(tier) { // Get email from registration field or prompt let email = document.getElementById('reg-email')?.value; if (!email || !email.includes('@')) { const input = prompt('Enter your email to proceed to checkout:'); if (!input || !input.includes('@')) return; email = input; }
const btn = event.target; const originalText = btn.textContent; btn.disabled = true; btn.textContent = 'Redirecting to Stripe…';
try { const res = await fetch('/api/v1/billing/checkout', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ tier, email }) }); const data = await res.json();
if (data.checkout_url) {
window.location.href = data.checkout_url;
} else {
alert(data.error?.message || data.message || 'Checkout failed. Try again.');
btn.textContent = originalText;
btn.disabled = false;
}
} catch(e) { alert('Connection error. Try again.'); btn.textContent = originalText; btn.disabled = false; } }
Server Config
{
"mcpServers": {
"synlake": {
"url": "https://api.synlake.ai/api/mcp",
"headers": {
"Authorization": "Bearer sk_synlake_YOUR_KEY"
}
}
}
}