<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
<title>CarbonLens — Carbon Accounting for MSMEs | Terravue Ventures</title>
<style>
*{box-sizing:border-box;margin:0;padding:0}
:root{
--green-dark:#0F6E56;--green-mid:#1D9E75;--green-light:#5DCAA5;--green-pale:#E1F5EE;
--amber:#BA7517;--red:#A32D2D;
--text:#1a1a1a;--text-muted:#555;--text-light:#888;
--bg:#fff;--bg-soft:#f7f9f8;--border:#e0e8e4;
--radius:12px;--radius-sm:8px;
}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:16px}
a{text-decoration:none;color:inherit}
img{display:block}
/* NAV */
nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(8px);z-index:100}
.logo{display:flex;align-items:center;gap:10px}
.logo-icon{width:36px;height:36px;background:var(--green-mid);border-radius:8px;display:flex;align-items:center;justify-content:center}
.logo-icon svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.logo-text{font-size:18px;font-weight:600;color:var(--green-dark)}
.logo-sub{font-size:11px;color:var(--text-muted);margin-top:-2px}
.nav-links{display:flex;align-items:center;gap:2rem;font-size:14px;color:var(--text-muted)}
.nav-links a:hover{color:var(--green-dark)}
.nav-cta{background:var(--green-mid);color:#fff;padding:8px 20px;border-radius:99px;font-size:14px;font-weight:500;transition:background 0.2s}
.nav-cta:hover{background:var(--green-dark)}
/* HERO */
.hero{text-align:center;padding:5rem 2rem 4rem;max-width:760px;margin:0 auto}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--green-pale);color:var(--green-dark);font-size:13px;font-weight:500;padding:6px 14px;border-radius:99px;margin-bottom:1.5rem;border:1px solid #9FE1CB}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:700;line-height:1.15;color:var(--text);margin-bottom:1.25rem;letter-spacing:-0.02em}
.hero h1 span{color:var(--green-mid)}
.hero p{font-size:1.1rem;color:var(--text-muted);max-width:560px;margin:0 auto 2rem;line-height:1.7}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-primary{background:var(--green-mid);color:#fff;padding:14px 28px;border-radius:99px;font-size:15px;font-weight:500;transition:background 0.2s;border:none;cursor:pointer}
.btn-primary:hover{background:var(--green-dark)}
.btn-outline{border:1.5px solid var(--border);color:var(--text);padding:14px 28px;border-radius:99px;font-size:15px;font-weight:500;transition:all 0.2s;background:none;cursor:pointer}
.btn-outline:hover{border-color:var(--green-mid);color:var(--green-dark)}
.hero-note{font-size:13px;color:var(--text-light);margin-top:1rem}
/* TRUST BAR */
.trust{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.25rem 2rem}
.trust-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;font-size:13px;color:var(--text-muted)}
.trust-item{display:flex;align-items:center;gap:6px}
.trust-dot{width:8px;height:8px;border-radius:50%;background:var(--green-mid);flex-shrink:0}
/* SCOPE VISUAL */
.scope-section{padding:4rem 2rem;max-width:960px;margin:0 auto}
.section-label{font-size:12px;font-weight:600;letter-spacing:0.08em;color:var(--green-mid);text-transform:uppercase;margin-bottom:0.5rem}
.section-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--text);margin-bottom:0.75rem;letter-spacing:-0.01em}
.section-sub{font-size:1rem;color:var(--text-muted);max-width:520px;line-height:1.7;margin-bottom:2.5rem}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.scope-card{border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border)}
.scope-card.s1{background:#E1F5EE;border-color:#9FE1CB}
.scope-card.s2{background:#E6F1FB;border-color:#B5D4F4}
.scope-card.s3{background:#EEEDFE;border-color:#CECBF6}
.scope-tag{font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.75rem}
.s1 .scope-tag{color:#085041}.s2 .scope-tag{color:#0C447C}.s3 .scope-tag{color:#3C3489}
.scope-card h3{font-size:16px;font-weight:600;margin-bottom:0.5rem}
.s1 h3{color:#0F6E56}.s2 h3{color:#185FA5}.s3 h3{color:#534AB7}
.scope-card p{font-size:13px;line-height:1.6}
.s1 p{color:#085041}.s2 p{color:#0C447C}.s3 p{color:#3C3489}
.scope-items{margin-top:0.75rem;display:flex;flex-direction:column;gap:4px}
.scope-item{font-size:12px;display:flex;align-items:center;gap:6px}
.s1 .scope-item{color:#085041}.s2 .scope-item{color:#0C447C}.s3 .scope-item{color:#3C3489}
.scope-item::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
/* HOW IT WORKS */
.how-section{background:var(--bg-soft);padding:4rem 2rem;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.how-inner{max-width:960px;margin:0 auto}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:2rem}
.step{background:#fff;border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border);position:relative}
.step-num{width:32px;height:32px;border-radius:50%;background:var(--green-pale);color:var(--green-dark);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.step h3{font-size:15px;font-weight:600;margin-bottom:0.4rem}
.step p{font-size:13px;color:var(--text-muted);line-height:1.6}
.step-arrow{position:absolute;right:-20px;top:50%;transform:translateY(-50%);color:var(--green-light);font-size:20px;z-index:1}
/* STATUS VISUAL */
.status-section{padding:4rem 2rem;max-width:960px;margin:0 auto}
.status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:2rem}
.status-card{border-radius:var(--radius);padding:1.5rem;border:1px solid}
.st-green{background:#E1F5EE;border-color:#5DCAA5}
.st-amber{background:#FAEEDA;border-color:#EF9F27}
.st-red{background:#FCEBEB;border-color:#F09595}
.status-icon{font-size:22px;margin-bottom:0.75rem}
.status-card h3{font-size:15px;font-weight:600;margin-bottom:0.4rem}
.st-green h3{color:#0F6E56}.st-amber h3{color:#BA7517}.st-red h3{color:#A32D2D}
.status-card p{font-size:13px;line-height:1.6}
.st-green p{color:#085041}.st-amber p{color:#633806}.st-red p{color:#791F1F}
/* FOUNDER */
.founder-section{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4rem 2rem}
.founder-inner{max-width:760px;margin:0 auto;display:flex;gap:2.5rem;align-items:flex-start}
.founder-avatar{width:80px;height:80px;border-radius:50%;background:var(--green-mid);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-1px}
.founder-content blockquote{font-size:1.05rem;color:var(--text);line-height:1.75;font-style:italic;margin-bottom:1rem;border-left:3px solid var(--green-light);padding-left:1rem}
.founder-name{font-weight:600;font-size:15px;color:var(--green-dark)}
.founder-title{font-size:13px;color:var(--text-muted);margin-top:2px}
.founder-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:0.75rem}
.fbadge{font-size:11px;background:var(--green-pale);color:var(--green-dark);padding:4px 10px;border-radius:99px;border:1px solid #9FE1CB;font-weight:500}
/* PHASE ROADMAP */
.roadmap-section{padding:4rem 2rem;max-width:960px;margin:0 auto}
.phases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:2rem}
.phase{border-radius:var(--radius);padding:1.5rem;border:1px solid var(--border)}
.phase-tag{font-size:11px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:0.5rem;color:var(--text-light)}
.phase h3{font-size:15px;font-weight:600;margin-bottom:0.75rem;color:var(--text)}
.phase ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.phase li{font-size:13px;color:var(--text-muted);display:flex;align-items:flex-start;gap:6px}
.phase li::before{content:'';width:5px;height:5px;border-radius:50%;margin-top:7px;flex-shrink:0}
.phase-active{background:var(--green-pale);border-color:#9FE1CB}
.phase-active .phase-tag{color:var(--green-dark)}
.phase-active h3{color:var(--green-dark)}
.phase-active li::before{background:var(--green-mid)}
.phase-soon li::before{background:var(--amber)}
.phase-future li::before{background:#7F77DD}
/* CTA */
.cta-section{padding:5rem 2rem;text-align:center;background:var(--green-dark)}
.cta-section h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-0.01em}
.cta-section p{font-size:1rem;color:#9FE1CB;max-width:480px;margin:0 auto 2rem;line-height:1.7}
.btn-white{background:#fff;color:var(--green-dark);padding:14px 28px;border-radius:99px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:opacity 0.2s}
.btn-white:hover{opacity:0.9}
.cta-note{font-size:13px;color:#5DCAA5;margin-top:1rem}
/* FOOTER */
footer{padding:2rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:gap;gap:1rem}
.footer-logo{font-size:15px;font-weight:600;color:var(--green-dark)}
.footer-sub{font-size:12px;color:var(--text-light);margin-top:2px}
.footer-right{font-size:12px;color:var(--text-light);text-align:right}
/* EARLY ACCESS FORM */
.form-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}
.form-row input{padding:12px 18px;border-radius:99px;border:1px solid #9FE1CB;font-size:14px;min-width:240px;background:rgba(255,255,255,0.1);color:#fff;outline:none}
.form-row input::placeholder{color:#9FE1CB}
.form-row input:focus{border-color:#fff}
@media(max-width:700px){
.scope-grid,.steps,.status-cards,.phases{grid-template-columns:1fr}
.step-arrow{display:none}
.founder-inner{flex-direction:column}
nav .nav-links{display:none}
.hero{padding:3rem 1.25rem 2.5rem}
}
</style>
</head>
<body>
<nav>
<div class="logo">
<div class="logo-icon">
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3"/><path d="M6 6l2 2M16 16l2 2M6 18l2-2M16 8l2-2"/></svg>
</div>
<div>
<div class="logo-text">CarbonLens</div>
<div class="logo-sub">by Terravue Ventures</div>
</div>
</div>
<div class="nav-links">
<a href="#how">How it works</a>
<a href="#scope">What we measure</a>
<a href="#roadmap">Roadmap</a>
<a href="#founder">About</a>
</div>
<a href="#early-access" class="nav-cta">Get early access</a>
</nav>
<!-- HERO -->
<section class="hero">
<div class="hero-badge">
<span style="width:7px;height:7px;border-radius:50%;background:var(--green-mid);display:inline-block"></span>
Built for Indian MSMEs · GHG Protocol Compliant
</div>
<h1>Your company's <span>carbon footprint</span>, calculated in minutes</h1>
<p>CarbonLens is a simple, affordable carbon accounting tool for MSMEs and mid-size companies. Enter your fuel, electricity, and fleet data — get instant ESG-ready reports.</p>
<div class="hero-btns">
<button class="btn-primary" onclick="document.getElementById('early-access').scrollIntoView({behavior:'smooth'})">Get early access</button>
<button class="btn-outline" onclick="document.getElementById('how').scrollIntoView({behavior:'smooth'})">See how it works</button>
</div>
<div class="hero-note">No login required for the free calculator · SEBI BRSR aligned · CBAM ready</div>
</section>
<!-- TRUST BAR -->
<div class="trust">
<div class="trust-inner">
<div class="trust-item"><div class="trust-dot"></div>GHG Protocol standard</div>
<div class="trust-item"><div class="trust-dot"></div>IPCC AR6 emission factors</div>
<div class="trust-item"><div class="trust-dot"></div>Scope 1, 2 & 3 coverage</div>
<div class="trust-item"><div class="trust-dot"></div>SEBI BRSR aligned</div>
<div class="trust-item"><div class="trust-dot"></div>EU CBAM ready</div>
</div>
</div>
<!-- SCOPE SECTION -->
<section class="scope-section" id="scope">
<div class="section-label">What we measure</div>
<div class="section-title">Full emissions picture — Scope 1, 2 & 3</div>
<div class="section-sub">We follow the GHG Protocol's three-scope framework — the same standard used by Fortune 500 companies and auditors worldwide.</div>
<div class="scope-grid">
<div class="scope-card s1">
<div class="scope-tag">Scope 1 — Direct</div>
<h3>Fuel & Fleet</h3>
<p>Emissions your company directly controls and produces on-site.</p>
<div class="scope-items">
<div class="scope-item">Diesel & petrol combustion</div>
<div class="scope-item">Natural gas & LPG</div>
<div class="scope-item">Company fleet vehicles</div>
<div class="scope-item">Generators & boilers</div>
</div>
</div>
<div class="scope-card s2">
<div class="scope-tag">Scope 2 — Indirect</div>
<h3>Purchased Electricity</h3>
<p>Emissions from electricity you buy from the grid to run your operations.</p>
<div class="scope-items">
<div class="scope-item">Grid electricity (kWh)</div>
<div class="scope-item">Country-specific grid factors</div>
<div class="scope-item">Renewable energy credits</div>
</div>
</div>
<div class="scope-card s3">
<div class="scope-tag">Scope 3 — Value Chain</div>
<h3>Employee & Supply</h3>
<p>Indirect emissions from your workforce, travel, and supply chain activities.</p>
<div class="scope-items">
<div class="scope-item">Employee daily commute</div>
<div class="scope-item">Business air travel</div>
<div class="scope-item">Vendor & supply chain (Phase 2)</div>
<div class="scope-item">Waste & water (Phase 2)</div>
</div>
</div>
</div>
</section>
<!-- HOW IT WORKS -->
<section class="how-section" id="how">
<div class="how-inner">
<div class="section-label">How it works</div>
<div class="section-title">Three steps to your ESG report</div>
<div class="steps">
<div class="step">
<div class="step-num">1</div>
<h3>Enter your data</h3>
<p>Input fuel consumption, electricity bills, fleet distances, and employee commute details. Takes under 5 minutes.</p>
<div class="step-arrow">→</div>
</div>
<div class="step">
<div class="step-num">2</div>
<h3>Get instant results</h3>
<p>CarbonLens calculates your total CO₂e across all scopes using globally recognised emission factors.</p>
<div class="step-arrow">→</div>
</div>
<div class="step">
<div class="step-num">3</div>
<h3>Download ESG report</h3>
<p>Receive a formatted, audit-ready ESG report with benchmarking, reduction targets, and scope breakdown.</p>
</div>
</div>
</div>
</section>
<!-- STATUS SYSTEM -->
<section class="status-section">
<div class="section-label">Emission status</div>
<div class="section-title">Know exactly where you stand</div>
<div class="section-sub">CarbonLens compares your emissions against your industry benchmark and gives you a clear traffic-light status — no jargon, no guesswork.</div>
<div class="status-cards">
<div class="status-card st-green">
<div class="status-icon">✓</div>
<h3>Green — Within limits</h3>
<p>Your emissions are below 80% of your industry average. You're on track — maintain and improve.</p>
</div>
<div class="status-card st-amber">
<div class="status-icon">!</div>
<h3>Amber — Monitor closely</h3>
<p>You're within 80–120% of the benchmark. Plan reduction measures now before thresholds are breached.</p>
</div>
<div class="status-card st-red">
<div class="status-icon">✕</div>
<h3>Red — Action needed</h3>
<p>Emissions exceed industry benchmark by over 20%. Immediate reduction or offset action is recommended.</p>
</div>
</div>
</section>
<!-- FOUNDER -->
<section class="founder-section" id="founder">
<div class="founder-inner">
<div class="founder-avatar">VJ</div>
<div class="founder-content">
<blockquote>"India's 6.3 crore MSMEs are the backbone of our economy — yet most have no way to measure, report, or reduce their carbon footprint. CarbonLens changes that. Simple enough for a shop floor manager. Credible enough for an ESG auditor."</blockquote>
<div class="founder-name">Vijay Prakash .J</div>
<div class="founder-title">Founder & ESG Consultant — Terravue Ventures</div>
<div class="founder-badges">
<span class="fbadge">GHG Protocol</span>
<span class="fbadge">ESG Advisory</span>
<span class="fbadge">MSME Sustainability</span>
<span class="fbadge">Carbon Accounting</span>
</div>
</div>
</div>
</section>
<!-- ROADMAP -->
<section class="roadmap-section" id="roadmap">
<div class="section-label">Product roadmap</div>
<div class="section-title">Where we're going</div>
<div class="phases">
<div class="phase phase-active">
<div class="phase-tag">Phase 1 — Live now</div>
<h3>Carbon Calculator</h3>
<ul>
<li>Fuel, electricity & fleet inputs</li>
<li>Employee commute emissions</li>
<li>ESG-ready report generation</li>
<li>Industry benchmarking</li>
<li>Green / Amber / Red status</li>
</ul>
</div>
<div class="phase phase-soon" style="border-color:#EF9F27">
<div class="phase-tag" style="color:var(--amber)">Phase 2 — Coming soon</div>
<h3>Auto Tracking</h3>
<ul>
<li>GPS & FASTag fleet integration</li>
<li>HR/payroll workforce emissions</li>
<li>Vendor-level Scope 3 tracking</li>
<li>Monthly automated reports</li>
<li>API for ERP integration</li>
</ul>
</div>
<div class="phase phase-future" style="border-color:#CECBF6">
<div class="phase-tag" style="color:#534AB7">Phase 3 — Future</div>
<h3>Green Token Marketplace</h3>
<ul>
<li>Offset via verified land parcels</li>
<li>Real trees, GPS-tagged & preserved</li>
<li>Green token certificates issued</li>
<li>Carbon credit aggregation</li>
<li>MSME-to-corporate marketplace</li>
</ul>
</div>
</div>
</section>
<!-- CTA / EARLY ACCESS -->
<section class="cta-section" id="early-access">
<h2>Be among the first MSMEs on CarbonLens</h2>
<p>Join the waitlist for early access. Free during beta. No credit card required.</p>
<button class="btn-white">Request early access</button>
<div class="form-row">
<input type="text" placeholder="Company name"/>
<input type="email" placeholder="Work email address"/>
<button class="btn-white" style="padding:12px 24px;font-size:14px">Join waitlist</button>
</div>
<div class="cta-note">We'll reach out within 48 hours · No spam, ever</div>
</section>
<footer>
<div>
<div class="footer-logo">CarbonLens</div>
<div class="footer-sub">A Terravue Ventures product · Founded by Vijay Prakash .J</div>
</div>
<div class="footer-right">
GHG Protocol · IPCC AR6 · SEBI BRSR aligned<br>
© 2025 Terravue Ventures. All rights reserved.
</div>
</footer>
</body>
</html>