PNG  IHDR pHYs   OiCCPPhotoshop ICC profilexڝSgTS=BKKoR RB&*! J!QEEȠQ, !{kּ> H3Q5 B.@ $pd!s#~<<+"x M0B\t8K@zB@F&S`cbP-`'{[! eDh;VEX0fK9-0IWfH  0Q){`##xFW<+*x<$9E[-qWW.(I+6aa@.y24x6_-"bbϫp@t~,/;m%h^ uf@Wp~<5j>{-]cK'Xto(hw?G%fIq^D$.Tʳ?D*A, `6B$BB dr`)B(Ͱ*`/@4Qhp.U=pa( Aa!ڈbX#!H$ ɈQ"K5H1RT UH=r9\F;2G1Q= C7F dt1r=6Ыhڏ>C03l0.B8, c˱" VcϱwE 6wB aAHXLXNH $4 7 Q'"K&b21XH,#/{C7$C2'ITFnR#,4H#dk9, +ȅ3![ b@qS(RjJ4e2AURݨT5ZBRQ4u9̓IKhhitݕNWGw Ljg(gwLӋT071oUX**| J&*/Tު UUT^S}FU3S ԖUPSSg;goT?~YYLOCQ_ cx,!k u5&|v*=9C3J3WRf?qtN (~))4L1e\kXHQG6EYAJ'\'GgSSݧ M=:.kDwn^Loy}/TmG X $ <5qo</QC]@Caaᄑ.ȽJtq]zۯ6iܟ4)Y3sCQ? 0k߬~OCOg#/c/Wװwa>>r><72Y_7ȷOo_C#dz%gA[z|!?:eAAA!h쐭!ΑiP~aa~ 'W?pX15wCsDDDޛg1O9-J5*>.j<74?.fYXXIlK9.*6nl {/]py.,:@LN8A*%w% yg"/6шC\*NH*Mz쑼5y$3,幄'L Lݛ:v m2=:1qB!Mggfvˬen/kY- BTZ(*geWf͉9+̳ې7ᒶKW-X潬j9(xoʿܔĹdff-[n ڴ VE/(ۻCɾUUMfeI?m]Nmq#׹=TR+Gw- 6 U#pDy  :v{vg/jBFS[b[O>zG499?rCd&ˮ/~јѡ򗓿m|x31^VwwO| (hSЧc3- cHRMz%u0`:o_F@8N ' p @8N@8}' p '#@8N@8N pQ9p!i~}|6-ӪG` VP.@*j>[ K^<֐Z]@8N'KQ<Q(`s" 'hgpKB`R@Dqj '  'P$a ( `D$Na L?u80e J,K˷NI'0eݷ(NI'؀ 2ipIIKp`:O'`ʤxB8Ѥx Ѥx $ $P6 :vRNb 'p,>NB 'P]-->P T+*^h& p '‰a ‰ (ĵt#u33;Nt̵'ޯ; [3W ~]0KH1q@8]O2]3*̧7# *p>us p _6]/}-4|t'|Smx= DoʾM×M_8!)6lq':l7!|4} '\ne t!=hnLn (~Dn\+‰_4k)0e@OhZ`F `.m1} 'vp{F`ON7Srx 'D˸nV`><;yMx!IS钦OM)Ե٥x 'DSD6bS8!" ODz#R >S8!7ّxEh0m$MIPHi$IvS8IN$I p$O8I,sk&I)$IN$Hi$I^Ah.p$MIN$IR8I·N "IF9Ah0m$MIN$IR8IN$I 3jIU;kO$ɳN$+ q.x* tEXtComment

Viewing File: /home/u456810272/domains/climfinchain.com/public_html/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Clim Fin-Chain</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>body{font-family:'Inter',sans-serif;margin:0;padding:0;overflow-x:hidden;color:#1a1f1c;background:#fff}a{text-decoration:none;color:inherit;cursor:pointer}ul{list-style:none;padding:0;margin:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-section{display:none;min-height:100vh}.page-section.active{display:block}header{padding:20px 0;background:transparent;position:fixed;width:100%;top:0;z-index:100;pointer-events:none}.header-inner{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 24px;border-radius:100px;box-shadow:0 4px 20px rgba(0,0,0,0.05);pointer-events:auto}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#000}.logo-icon svg{width:32px;height:32px;border-radius:50%;background:#000;padding:4px;fill:#00b37e}.nav-links{display:flex;gap:30px;font-size:14px;font-weight:500;color:#4a554e}.nav-links a:hover{color:#000}.header-actions{display:flex;gap:12px;align-items:center}.btn-login{background:transparent;border:none;font-weight:600;font-size:14px;color:#4a554e;cursor:pointer;padding:8px 16px;border-radius:100px;transition:0.2s}.btn-login:hover{background:#f4f7f6}.btn-register{background:#000;color:#fff;border:none;padding:10px 20px;border-radius:100px;font-weight:600;font-size:14px;cursor:pointer;transition:0.3s}.btn-register:hover{opacity:0.8;transform:scale(0.98)}.hero{height:100vh;min-height:700px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(to bottom,rgba(255,255,255,0.40)0%,rgba(255,255,255,0.60)100%),url('herobanner.png')no-repeat center center;background-size:cover}.hero-content{max-width:800px;padding:20px;margin-top:60px;z-index:2}.hero-badge{display:inline-block;background:#ffffffdd;backdrop-filter:blur(4px);padding:6px 16px;border-radius:100px;font-size:12px;font-weight:600;color:#00b37e;margin-bottom:24px;letter-spacing:0.5px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}.hero h1{font-size:64px;font-weight:600;color:#000;margin-bottom:16px;line-height:1.1}.hero p{font-size:20px;color:#3b4740;margin-bottom:40px}.hero-buttons{display:flex;justify-content:center;gap:16px}.btn-primary{background:#000;color:#fff;padding:14px 32px;border-radius:100px;font-weight:600;border:none;cursor:pointer;font-size:16px;transition:0.2s}.btn-primary:hover{opacity:0.8;transform:translateY(-2px)}.btn-secondary{background:#fff;color:#000;padding:14px 32px;border-radius:100px;font-weight:500;border:1px solid #dce6e1;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:8px;transition:0.2s}.btn-secondary:hover{background:#f4f7f6}.section-problem{padding:80px 0;background:#fff}.problem-grid{display:flex;gap:60px;margin-bottom:60px}.problem-left{flex:1;border-left:4px solid #00b37e;padding-left:24px;display:flex;align-items:center}.problem-left h2{font-size:28px;font-weight:500;line-height:1.3;color:#000;max-width:400px}.problem-right{flex:1.5}.problem-right h3{font-size:24px;font-weight:500;margin-bottom:16px}.problem-right p{font-size:16px;color:#556158;margin-bottom:16px;line-height:1.6}.stats-row{display:flex;justify-content:flex-start;gap:80px;border-top:1px solid #eee;padding-top:40px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:48px;font-weight:500;color:#000;display:flex;align-items:flex-start;gap:8px}.stat-label{font-size:14px;color:#556158;margin-top:4px}.stat-green-line{width:20px;height:4px;background:#00b37e;margin-bottom:8px}.section-infra-header{padding:80px 0 40px;background:#fff}.section-infra-header h2{font-size:36px;font-weight:500;margin-bottom:24px;text-align:center}.infra-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.infra-btn{padding:10px 20px;border-radius:100px;font-size:14px;font-weight:500;border:1px solid #dce6e1;background:transparent;cursor:pointer;transition:0.2s}.infra-btn:hover{background:#f4f7f6}.infra-btn-dark{background:#000;color:#fff;border:none}.section-feature{padding:0 0 80px;background:#fff}.feature-box{background:#f4f7f6;border-radius:24px;padding:40px;display:flex;flex-wrap:wrap;align-items:center;border:1px solid #dce6e1;position:relative;overflow:hidden}.feature-box-left{flex:1;min-width:300px;z-index:2}.feature-box h3{font-size:24px;font-weight:500;margin-bottom:16px}.feature-box p{color:#556158;margin-bottom:24px;max-width:400px}.feature-box ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.feature-box ul li{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.feature-box ul li svg{width:18px;height:18px;color:#00b37e;flex-shrink:0}.feature-box-right{flex:1;min-width:200px;display:flex;justify-content:flex-end;align-items:center;position:relative;height:120px;margin-left:20px}.feature-placeholder-dot{width:16px;height:16px;background:#fff;border:2px solid #00b37e;border-radius:50%;z-index:2;position:relative;margin-right:10px}.section-buyers{padding:80px 0;background:#f8faf9}.section-suppliers{padding:80px 0;background:#fff}.user-grid{display:flex;gap:60px;flex-wrap:wrap}.user-col{flex:1;min-width:300px}.user-col .label{color:#00b37e;font-weight:600;font-size:14px;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:12px;display:block}.user-col h3{font-size:28px;font-weight:500;margin-bottom:16px}.user-col p{color:#556158;margin-bottom:24px;line-height:1.6}.user-col .btn-primary{display:inline-block}.features-list{display:grid;grid-template-columns:1fr 1fr;gap:24px}.features-list li{display:flex;gap:12px;align-items:flex-start}.features-list li svg{width:20px;height:20px;color:#00b37e;flex-shrink:0;margin-top:2px}.features-list li div{display:flex;flex-direction:column}.features-list li strong{font-size:15px;font-weight:600;margin-bottom:4px}.features-list li span{font-size:14px;color:#556158;line-height:1.4}.section-participants{padding:80px 0;background:#fff}.participants-header{margin-bottom:40px}.participants-header .label{color:#00b37e;font-weight:600;font-size:14px;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:12px;display:block}.participants-header h3{font-size:28px;font-weight:500}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card-item{border:1px solid #eef3f1;padding:32px;border-radius:16px;background:#fff;transition:0.3s}.card-item:hover{box-shadow:0 10px 30px rgba(0,0,0,0.06);transform:translateY(-4px)}.card-icon{width:40px;height:40px;background:#e8f8f2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#00b37e;font-size:20px;margin-bottom:16px}.card-item h4{font-size:18px;font-weight:600;margin-bottom:8px}.card-item p{font-size:14px;color:#556158;margin-bottom:16px;line-height:1.5}.card-item a{font-size:14px;font-weight:500;color:#000;text-decoration:underline;text-underline-offset:4px;transition:0.2s}.card-item a:hover{color:#00b37e}.section-trust{background:#0b0f0e;color:#fff;padding:80px 0;text-align:center}.section-trust .label{color:#00b37e;font-weight:600;font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;display:block}.section-trust h3{font-size:32px;font-weight:500;margin-bottom:40px}.badges-container{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}.badge{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:100px;padding:12px 24px;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#ccc;transition:0.3s}.badge:hover{background:rgba(255,255,255,0.1);color:#fff}.badge-circle{width:24px;height:24px;border-radius:50%;border:1px solid #00b37e;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.section-cta{padding:80px 0;background:#fff}.cta-grid{display:flex;gap:40px;align-items:center}.cta-left{flex:1}.cta-left h3{font-size:32px;font-weight:500;margin-bottom:16px;line-height:1.2}.cta-left p{color:#556158;font-size:16px;line-height:1.6}.cta-right{flex:1;background:#f8faf9;padding:40px;border-radius:24px;text-align:center}.cta-right h4{font-size:20px;font-weight:600;margin-bottom:24px}.cta-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.cta-btn-primary{background:#000;color:#fff;padding:14px 32px;border-radius:100px;font-weight:600;border:none;cursor:pointer;font-size:14px;width:100%;max-width:280px;transition:0.3s}.cta-btn-primary:hover{opacity:0.8;transform:scale(0.98)}.cta-btn-secondary{background:#fff;color:#000;padding:14px 32px;border-radius:100px;font-weight:500;border:1px solid #dce6e1;cursor:pointer;font-size:14px;width:100%;max-width:280px;transition:0.3s}.cta-btn-secondary:hover{background:#f4f7f6}footer{background:#fcfdfd;border-top:2px solid #00b37e;padding:60px 0 30px}.footer-top{display:flex;justify-content:space-between;margin-bottom:40px;border-bottom:1px solid #eef3f1;padding-bottom:40px;flex-wrap:wrap;gap:20px}.footer-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;color:#000}.footer-logo svg{width:32px;height:32px;border-radius:50%;background:#000;padding:4px;fill:#00b37e}.footer-nav{display:flex;gap:24px;align-items:center;font-size:14px;color:#4a554e;font-weight:500;flex-wrap:wrap}.footer-nav a:hover{color:#000}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-col h5{font-weight:600;font-size:14px;margin-bottom:16px;color:#000}.footer-col ul{display:flex;flex-direction:column;gap:10px}.footer-col ul li a{font-size:14px;color:#4a554e;transition:0.2s}.footer-col ul li a:hover{color:#000}.footer-col p{font-size:14px;color:#4a554e;line-height:1.6;max-width:280px}.footer-bottom{border-top:1px solid #eef3f1;padding-top:20px;display:flex;justify-content:space-between;font-size:12px;color:#888;flex-wrap:wrap;gap:10px}.footer-bottom-links{display:flex;gap:16px}/* LOGIN/REGISTER MODALS */ .auth-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1000;display:none;justify-content:center;align-items:center;backdrop-filter:blur(5px)}.auth-overlay.active{display:flex}.auth-box{background:#fff;padding:40px;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,0.3);width:90%;max-width:480px;position:relative}.auth-box .close-auth{position:absolute;top:15px;right:20px;font-size:28px;cursor:pointer;color:#888;transition:0.2s;font-weight:300}.auth-box .close-auth:hover{color:#000}.auth-box h2{font-size:28px;font-weight:600;margin-bottom:8px}.auth-box p{color:#556158;margin-bottom:24px}.auth-box label{font-size:14px;font-weight:500;display:block;margin-bottom:6px}.auth-box input{width:100%;padding:12px 16px;border:1px solid #dce6e1;border-radius:12px;font-size:14px;margin-bottom:16px;font-family:'Inter',sans-serif;transition:0.2s;background:#f8faf9}.auth-box input:focus{border-color:#00b37e;outline:none;background:#fff;box-shadow:0 0 0 3px rgba(0,179,126,0.1)}.auth-box button{width:100%;padding:14px;background:#000;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:0.3s}.auth-box button:hover{opacity:0.8;transform:scale(0.98)}.auth-box .auth-switch{text-align:center;font-size:14px;color:#556158;margin-top:16px}.auth-box .auth-switch a{color:#00b37e;font-weight:600;text-decoration:underline;cursor:pointer}.auth-box .auth-switch a:hover{color:#008f63}@media(max-width:768px){.hero h1{font-size:36px}.header-inner{padding:10px 16px;border-radius:50px;flex-wrap:wrap;gap:10px}.nav-links,.header-actions{display:none}.hero-buttons{flex-direction:column;align-items:center}.stats-row{gap:20px;flex-wrap:wrap}.problem-grid{flex-direction:column}.problem-left{border-left:none;border-top:4px solid #00b37e;padding-left:0;padding-top:16px}.cards-grid{grid-template-columns:1fr}.user-grid{flex-direction:column}.features-list{grid-template-columns:1fr}.badges-container{flex-direction:column;align-items:center}.feature-box{flex-direction:column;align-items:flex-start}.feature-box-right{border-top:2px dashed #b4cfc3;margin-left:0;padding-top:20px;margin-top:20px;width:100%;justify-content:flex-start;height:auto}.feature-box ul{grid-template-columns:1fr}.cta-grid{flex-direction:column}.footer-top{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}}#toast-container{position:fixed;bottom:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px}.toast{background:#1a1f1c;color:#fff;padding:16px 24px;border-radius:12px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,0.2);animation:slideIn 0.3s ease}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast.success{border-left:5px solid #00b37e}.toast.error{border-left:5px solid #ff4d4d}.toast.info{border-left:5px solid #3399ff}</style>
</head>
<body>
<header><div class="container"><div class="header-inner"><a href="#" onclick="navigateTo('home')" class="logo"><span class="logo-icon"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg></span>Clim Fin-Chain</a><ul class="nav-links"><li><a href="#" onclick="navigateTo('how-it-works')">How it Works</a></li><li><a href="#" onclick="navigateTo('for-buyers')">For Buyers</a></li><li><a href="#" onclick="navigateTo('for-suppliers')">For Suppliers</a></li><li><a href="#" onclick="navigateTo('blog')">Blog</a></li><li><a href="#" onclick="navigateTo('contact')">Contact</a></li></ul><div class="header-actions"><button class="btn-login" onclick="openAuth('login')">LOGIN</button><button class="btn-register" onclick="openAuth('register')">Register</button></div></div></div></header>
<div id="home" class="page-section active">
<section class="hero"><div class="hero-content"><span class="hero-badge">CLIM FIN-CHAIN</span><h1>Open infrastructure for carbon markets.</h1><p>Clim Fin-Chain enables transparency, instant execution, and traceable impact.</p><div class="hero-buttons"><button class="btn-primary">Launch App &rarr;</button><button class="btn-secondary"><svg viewBox="0 0 24 24"><path d="M4 6h16v2H4V6zm2-4v2h12V2H6zm0 16h12v-2H6v2zm-2 4h16v-2H4v2z"/></svg>Read the Doc</button></div></div></section>
<section class="section-problem"><div class="container"><div class="problem-grid"><div class="problem-left"><h2>Carbon markets suffer from fragmentation, opacity, and inconsistent quality standards.</h2></div><div class="problem-right"><h3>Scaling the Carbon Market</h3><p>Today's carbon market spans multiple registries, methodologies, and rating systems. This diversity fuels innovation, but it can also fragment liquidity, reduce transparency, and increase friction for project developers and buyers alike.</p><p>The market's carbon is clear, but we still need to scale the climate change demands. Achieving that scale requires cleaner market signals, stronger coordination, and infrastructure that enables participants to transact more efficiently.</p></div></div></div></section>
<section class="section-problem" style="padding-top:0;"><div class="container"><div class="stats-row"><div class="stat-item"><div class="stat-green-line"></div><div class="stat-number">4</div><div class="stat-label">Supported Regions</div></div><div class="stat-item"><div class="stat-green-line"></div><div class="stat-number">349K+</div><div class="stat-label">Tonnes avoided</div></div><div class="stat-item"><div class="stat-green-line"></div><div class="stat-number">5</div><div class="stat-label">Credit Categories</div></div></div></div></section>
<section class="section-infra-header"><div class="container"><h2>Infrastructure for transparent & programmatic carbon markets</h2><div class="infra-buttons"><button class="infra-btn infra-btn-dark">See how we maximize impact</button><button class="infra-btn">Carbon Credits</button><button class="infra-btn">Market Architecture</button></div></div></section>
<section class="section-feature"><div class="container"><div class="feature-box"><div class="feature-box-left"><h3>Traceable, Fee-Free Transactions</h3><p>Transactions are recorded in a public ledger, enabling traceability from purchase to retirement. The protocol charges no fees, maximizing the impact of every credit.</p><ul><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>Full transaction traceability</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>Zero retirement fees</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>On-chain proof of retirement</li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg>Additional supply chain</li></ul></div><div class="feature-box-right"><div class="feature-placeholder-dot"></div></div></div></div></section>
<section class="section-buyers"><div class="container"><div class="user-grid"><div class="user-col"><span class="label">FOR CARBON BUYERS</span><h3>Procure and retire carbon with confidence</h3><p>Whether you're offsetting corporate emissions or building carbon portfolios, Clim Fin-Chain provides the infrastructure for transparent, traceable procurement.</p><button class="btn-primary">Launch App - Retire Carbon</button></div><div class="user-col"><ul class="features-list"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg><div><strong>Transparent Pricing</strong><span>Access real-time market prices across standardized carbon classes with full visibility into costs.</span></div></li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg><div><strong>Verified Provenance</strong><span>Every credit is traceable to its source registry, with methodology and vintage clearly displayed.</span></div></li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg><div><strong>Instant Retirement</strong><span>Retire credits directly to your organization's ledger with an on-chain proof of environmental impact.</span></div></li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg><div><strong>Zero Retirement Fees</strong><span>The protocol charges no fees for retirement transactions—100% of your spent goes to climate action.</span></div></li></ul></div></div></div></section>
<section class="section-suppliers"><div class="container"><div class="user-grid"><div class="user-col"><ul class="features-list"><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg><div><strong>Global Market Access</strong><span>Expose your carbon credits to a unified liquidity pool, reaching buyers across geographies and sectors.</span></div></li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg><div><strong>Fair Price Discovery</strong><span>Programmatic pricing enables transparent pricing based on quality attributes, not broker margins.</span></div></li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg><div><strong>Simplified Onboarding</strong><span>Issue credits on-chain with support from specialized registries to unlock their programmatic potential.</span></div></li><li><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"></polyline></svg><div><strong>Continuous Liquidity</strong><span>Access deep, always available liquidity pools without waiting for bilateral negotiations.</span></div></li></ul></div><div class="user-col"><span class="label">FOR PROJECT DEVELOPERS & CARBON SUPPLIERS</span><h3>Access global demand for your carbon credits</h3><p>Clim Fin-Chain connects project developers to a unified market, simplifying distribution and enhancing liquidity for high-integrity carbon credits.</p><button class="btn-primary">Launch App - Supply Carbon</button></div></div></div></section>
<section class="section-participants"><div class="container"><div class="participants-header"><span class="label">ADDITIONAL PARTICIPANTS</span><h3>Join the ecosystem building transparent carbon markets</h3></div><div class="cards-grid"><div class="card-item"><div class="card-icon">👤</div><h4>Be a Participant</h4><p>Create an account to start participating in carbon credit trading, bridging carbon credits, and more.</p><a href="#">Learn about governance &rarr;</a></div><div class="card-item"><div class="card-icon">🔄</div><h4>Provide Liquidity</h4><p>Contribute credits to the ecosystem and earn trading fees from market activity while maintaining full control.</p><a href="#">Kuma Liquidity Pool &rarr;</a></div><div class="card-item"><div class="card-icon">🔗</div><h4>Integrate our Tools</h4><p>Connect your organization or platform to Clim Fin-Chain with comprehensive API access and documentation.</p><a href="#">Read the docs &rarr;</a></div></div></div></section>
<section class="section-trust"><div class="container"><span class="label">TRUST & TRANSPARENCY</span><h3>Built on verifiable, open infrastructure</h3><div class="badges-container"><div class="badge"><span class="badge-circle">⚡</span> Rust L2</div><div class="badge"><span class="badge-circle">🔗</span> Auditable</div><div class="badge"><span class="badge-circle">🚫</span> No Fees</div><div class="badge"><span class="badge-circle">👁️</span> Transparent</div><div class="badge"><span class="badge-circle">🔐</span> Self-Custody</div><div class="badge"><span class="badge-circle">✓</span> Audited</div><div class="badge"><span class="badge-circle">⚙️</span> 5 Registries</div></div></div></section>
<section class="section-cta"><div class="container"><div class="cta-grid"><div class="cta-left"><h3>The future of carbon markets is transparent, accessible, and rules-based.</h3><p>Join the growing network of organizations, developers, and participants building the next generation of verifiable carbon market infrastructure.</p></div><div class="cta-right"><h4>Get started</h4><div class="cta-buttons"><button class="cta-btn-primary">Launch App</button><button class="cta-btn-secondary">Read the Doc</button></div></div></div></div></section>
<footer><div class="container"><div class="footer-top"><div class="footer-logo"><svg viewBox="0 0 24 24"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>Clim Fin-Chain</div><div class="footer-nav"><a href="#" onclick="navigateTo('how-it-works')">How it Works</a><a href="#" onclick="navigateTo('for-buyers')">For Buyers</a><a href="#" onclick="navigateTo('for-suppliers')">For Suppliers</a><a href="#" onclick="navigateTo('blog')">Blog</a><a href="#" onclick="navigateTo('contact')">Contact</a></div></div><div class="footer-grid"><div class="footer-col"><h5>Clim Fin-Chain</h5><p>Clim Fin-Chain enables transparency, instant execution, and traceable impact in carbon markets.</p></div><div class="footer-col"><h5>Product</h5><ul><li><a href="#">Launch App</a></li><li><a href="#" onclick="navigateTo('how-it-works')">How it Works</a></li><li><a href="#" onclick="navigateTo('for-buyers')">For Buyers</a></li><li><a href="#" onclick="navigateTo('for-suppliers')">For Suppliers</a></li></ul></div><div class="footer-col"><h5>Resources</h5><ul><li><a href="#">Documentation</a></li><li><a href="#">Audit</a></li><li><a href="#">Roadmap</a></li><li><a href="#">GitHub</a></li><li><a href="#">Blog</a></li><li><a href="#" onclick="navigateTo('contact')">Contact</a></li></ul></div><div class="footer-col"><h5>Community</h5><ul><li><a href="#">Discord</a></li><li><a href="#">Twitter</a></li><li><a href="#">Telegram</a></li></ul></div><div class="footer-col"><h5>Developers</h5><ul><li><a href="#">GitHub</a></li><li><a href="#">Docs API</a></li></ul></div></div></div></footer><div style="background:#fcfdfd;padding-bottom:30px;"><div class="container"><div class="footer-bottom"><span>Privacy Policy &bull; Terms</span><div class="footer-bottom-links"><a href="#">&copy; 2026 Clim Fin-Chain. All rights reserved.</a></div></div></div></div></div>
<div id="how-it-works" class="page-section"><section class="page-content" style="padding:120px 0 80px;background:#f8faf9;"><div class="container" style="max-width:900px;text-align:center;"><h1 style="font-size:40px;font-weight:600;margin-bottom:20px;">How Clim Fin-Chain Works</h1><p style="color:#556158;font-size:18px;line-height:1.6;margin-bottom:40px;">Discover, transact, and verify carbon credits on the world's most transparent infrastructure.</p><div class="page-grid" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;text-align:left;margin-top:40px;"><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">1. Discover Projects</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Explore a vast library of verified carbon projects from across the globe.</p></div><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">2. Transact & Retire</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Purchase credits seamlessly with zero protocol fees. Retire them instantly.</p></div><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">3. Track & Verify</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Access real-time transaction history and full supply chain transparency.</p></div></div></div></section></div>
<div id="for-buyers" class="page-section"><section class="page-content" style="padding:120px 0 80px;background:#f8faf9;"><div class="container" style="max-width:900px;text-align:center;"><h1 style="font-size:40px;font-weight:600;margin-bottom:20px;">Procure with Confidence</h1><p style="color:#556158;font-size:18px;line-height:1.6;margin-bottom:40px;">Whether you're offsetting corporate emissions or building carbon portfolios, Clim Fin-Chain provides the infrastructure for transparent, traceable procurement.</p><div class="page-grid" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;text-align:left;margin-top:40px;"><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">Transparent Pricing</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Access real-time market prices across standardized carbon classes.</p></div><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">Instant Retirement</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Retire credits directly to your organization's ledger with an on-chain proof.</p></div><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">Verified Provenance</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Every credit is traceable to its source registry, with methodology displayed.</p></div></div></div></section></div>
<div id="for-suppliers" class="page-section"><section class="page-content" style="padding:120px 0 80px;background:#f8faf9;"><div class="container" style="max-width:900px;text-align:center;"><h1 style="font-size:40px;font-weight:600;margin-bottom:20px;">Access Global Demand</h1><p style="color:#556158;font-size:18px;line-height:1.6;margin-bottom:40px;">Clim Fin-Chain connects project developers to a unified market, simplifying distribution and enhancing liquidity for high-integrity carbon credits.</p><div class="page-grid" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;text-align:left;margin-top:40px;"><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">Global Market Access</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Expose your carbon credits to a unified liquidity pool, reaching buyers globally.</p></div><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">Fair Price Discovery</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Programmatic pricing enables transparent pricing based on quality attributes.</p></div><div class="page-card" style="background:#fff;padding:30px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><h3 style="font-weight:600;margin-bottom:10px;">Simplified Onboarding</h3><p style="font-size:15px;margin-bottom:0;color:#556158;">Issue credits on-chain with support from specialized registries.</p></div></div></div></section></div>
<div id="blog" class="page-section"><section class="page-content" style="padding:120px 0 80px;background:#f8faf9;"><div class="container" style="max-width:900px;text-align:center;"><h1 style="font-size:40px;font-weight:600;margin-bottom:20px;">Latest Insights</h1><p style="color:#556158;font-size:18px;line-height:1.6;margin-bottom:40px;">Stay updated with the latest news, market trends, and technological advancements in the carbon credit space.</p><div class="blog-grid" style="display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;"><div class="blog-card" style="background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><div class="blog-card-img" style="height:180px;background:#dce6e1;display:flex;align-items:center;justify-content:center;color:#8a9a92;font-weight:500;">Featured Article</div><div class="blog-card-content" style="padding:20px;"><h4 style="margin-bottom:8px;">The Future of Carbon Markets</h4><p style="font-size:14px;color:#556158;margin-bottom:0;">Exploring how blockchain infrastructure can solve the quality crisis.</p></div></div><div class="blog-card" style="background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><div class="blog-card-img" style="height:180px;background:#dce6e1;display:flex;align-items:center;justify-content:center;color:#8a9a92;font-weight:500;">Industry Update</div><div class="blog-card-content" style="padding:20px;"><h4 style="margin-bottom:8px;">New Methodologies Launched</h4><p style="font-size:14px;color:#556158;margin-bottom:0;">Clim Fin-Chain integrates 3 new methodologies to expand credit categories.</p></div></div><div class="blog-card" style="background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><div class="blog-card-img" style="height:180px;background:#dce6e1;display:flex;align-items:center;justify-content:center;color:#8a9a92;font-weight:500;">Partner Spotlight</div><div class="blog-card-content" style="padding:20px;"><h4 style="margin-bottom:8px;">Scaling Climate Finance</h4><p style="font-size:14px;color:#556158;margin-bottom:0;">How institutional investors are leveraging our platform for net-zero strategies.</p></div></div></div></div></section></div>
<div id="contact" class="page-section"><section class="page-content" style="padding:120px 0 80px;background:#f8faf9;"><div class="container" style="max-width:1000px;text-align:center;"><h1 style="font-size:40px;font-weight:600;margin-bottom:20px;">Get in Touch</h1><p style="color:#556158;font-size:18px;line-height:1.6;margin-bottom:40px;">Have a question about our platform? Reach out to the Clim Fin-Chain team.</p><div class="contact-grid" style="display:flex;gap:40px;text-align:left;margin-top:40px;background:#fff;border-radius:20px;padding:40px;box-shadow:0 4px 12px rgba(0,0,0,0.05);"><div class="contact-info" style="flex:1;"><h3 style="margin-bottom:16px;">Contact Information</h3><p style="margin-bottom:8px;font-size:16px;"><strong>Owners:</strong> Clim Fin-Chain Team</p><p style="margin-bottom:8px;font-size:16px;"><strong>Address:</strong> 123 Green Tech Avenue, Suite 400, San Francisco, CA 94105</p><p style="margin-bottom:8px;font-size:16px;"><strong>Phone:</strong> +1 (555) 123-4567</p><p style="margin-bottom:8px;font-size:16px;"><strong>Email:</strong> support@climfinchain.io</p></div><div class="contact-form" style="flex:1;display:flex;flex-direction:column;gap:16px;"><h3>Send us a message</h3><input type="text" placeholder="Your Name" style="width:100%;padding:12px 16px;border:1px solid #dce6e1;border-radius:8px;font-family:inherit;font-size:14px;"><input type="email" placeholder="Your Email" style="width:100%;padding:12px 16px;border:1px solid #dce6e1;border-radius:8px;font-family:inherit;font-size:14px;"><textarea rows="4" placeholder="Your Message" style="width:100%;padding:12px 16px;border:1px solid #dce6e1;border-radius:8px;font-family:inherit;font-size:14px;"></textarea><button style="background:#000;color:#fff;padding:14px;border-radius:8px;border:none;font-weight:600;cursor:pointer;">Send Message</button></div></div></div></section></div>
<div class="auth-overlay" id="loginOverlay"><div class="auth-box"><span class="close-auth" onclick="closeAuth()">×</span><h2>Login</h2><p>Welcome back to Clim Fin-Chain.</p><form id="loginForm"><label>Email Address</label><input type="email" id="loginEmail" placeholder="admin@climfinchain.com" required><label>Password</label><input type="password" id="loginPassword" placeholder="••••••••" required><button type="submit">Login</button></form><div class="auth-switch">Don't have an account? <a onclick="switchAuth('register')">Register</a></div></div></div>
<div class="auth-overlay" id="registerOverlay"><div class="auth-box"><span class="close-auth" onclick="closeAuth()">×</span><h2>Register</h2><p>Create your Clim Fin-Chain account today.</p><form id="registerForm"><label>Full Name</label><input type="text" id="regName" placeholder="John Doe" required><label>Email Address</label><input type="email" id="regEmail" placeholder="john@example.com" required><label>Phone Number</label><input type="text" id="regPhone" placeholder="+1 555 123 4567" pattern="[0-9]+" title="Only numeric numbers supported" required><label>Password</label><input type="password" id="regPassword" placeholder="••••••••" required><button type="submit">Register</button></form><div class="auth-switch">Already have an account? <a onclick="switchAuth('login')">Login</a></div></div></div>
<div id="toast-container"></div>
<script>function navigateTo(pageId){document.querySelectorAll('.page-section').forEach(el=>el.classList.remove('active'));const target=document.getElementById(pageId);if(target){target.classList.add('active');window.scrollTo(0,0);history.pushState(null,null,'#'+pageId);}}window.addEventListener('load',function(){const hash=window.location.hash.substring(1);if(hash&&document.getElementById(hash))navigateTo(hash);else navigateTo('home');});function openAuth(type){document.getElementById('loginOverlay').classList.remove('active');document.getElementById('registerOverlay').classList.remove('active');document.getElementById(type==='login'?'loginOverlay':'registerOverlay').classList.add('active');}function closeAuth(){document.getElementById('loginOverlay').classList.remove('active');document.getElementById('registerOverlay').classList.remove('active');}function switchAuth(type){openAuth(type);}function showToast(message,type='info'){const container=document.getElementById('toast-container');const toast=document.createElement('div');toast.className='toast '+type;toast.textContent=message;container.appendChild(toast);setTimeout(()=>{toast.style.opacity='0';setTimeout(()=>toast.remove(),300);},4000);}document.getElementById('loginForm').addEventListener('submit',function(e){e.preventDefault();const email=document.getElementById('loginEmail').value;const password=document.getElementById('loginPassword').value;fetch('api.php?action=login',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:email,password:password})}).then(res=>res.json()).then(data=>{if(data.success){showToast('Login Successful! Redirecting...','success');sessionStorage.setItem('clim_user','true');setTimeout(()=>{window.location.href='dashboard.php';},1000);}else{showToast(data.message||'Invalid credentials.','error');}}).catch(err=>{showToast('Network error. Please try again.','error');});});document.getElementById('registerForm').addEventListener('submit',function(e){e.preventDefault();const name=document.getElementById('regName').value;const email=document.getElementById('regEmail').value;const phone=document.getElementById('regPhone').value;const password=document.getElementById('regPassword').value;fetch('api.php?action=register',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({name:name,email:email,phone:phone,password:password})}).then(res=>res.json()).then(data=>{if(data.success){showToast('Registration Successful! Please login.','success');closeAuth();}else{showToast(data.message||'Registration failed.','error');}}).catch(err=>{showToast('Network error. Please try again.','error');});});</script>
</body>
</html>
Back to Directory=ceiIENDB`