1<!DOCTYPE html> 2<html lang="en"> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1.0"> 6<link rel="icon" href="/favicon.ico" sizes="48x48"> 7<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 8<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png"> 9<link rel="apple-touch-icon" href="/apple-touch-icon.png"> 10<title>Energy Settlement on Solana and POWR Token | Powerledger</title> 11<meta name="description" content="Every Powerledger trade is settled on Solana and verifiable by anyone. See how POWR works on Solana and Ethereum, with multichain transfers via Wormhole NTT."> 12<link rel="canonical" href="https://powerledger.io/blockchain/"> 13<meta property="og:site_name" content="Powerledger"> 14<meta property="og:type" content="website"> 15<meta property="og:url" content="https://powerledger.io/blockchain/"> 16<meta property="og:title" content="Energy Settlement on Solana and POWR Token | Powerledger"> 17<meta property="og:description" content="Every Powerledger trade is settled on Solana and verifiable by anyone. See how POWR works on Solana and Ethereum, with multichain transfers via Wormhole NTT."> 18<meta property="og:image" content="https://powerledger.io/og-image.png"> 19<meta name="twitter:card" content="summary_large_image"> 20<meta name="twitter:title" content="Energy Settlement on Solana and POWR Token | Powerledger"> 21<meta name="twitter:description" content="Every Powerledger trade is settled on Solana and verifiable by anyone. See how POWR works on Solana and Ethereum, with multichain transfers via Wormhole NTT."> 22<meta name="twitter:image" content="https://powerledger.io/og-image.png"> 23<link rel="preconnect" href="https://fonts.googleapis.com"> 24<link href="https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 25<style> 26:root{ 27 --b:#27D9E5;--g:#69EE5F;--blk:#030303;--w:#fff; 28 --g1:#0d0d0d;--g2:#141414;--g3:#1e1e1e; 29 --grad:linear-gradient(90deg,#00E5D6,#27D9E5 45%,#69EE5F); 30} 31*,*::before,*::after{box-sizing:border-box;margin:0;padding:0} 32html{scroll-behavior:smooth} 33body{font-family:'Geist',sans-serif;background:var(--blk);color:var(--w);overflow-x:hidden;-webkit-font-smoothing:antialiased} 34body::after{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")} 35 36#aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden} 37.blob{position:absolute;border-radius:50%;filter:blur(110px);animation:drift var(--d,20s) ease-in-out infinite} 38.b1{width:800px;height:700px;background:radial-gradient(ellipse,rgba(39,217,229,.1) 0%,transparent 70%);top:-150px;left:-100px;--d:22s} 39.b2{width:600px;height:700px;background:radial-gradient(ellipse,rgba(105,238,95,.07) 0%,transparent 70%);bottom:-100px;right:-100px;--d:28s;animation-delay:-10s} 40.b3{width:500px;height:400px;background:radial-gradient(ellipse,rgba(39,217,229,.1) 0%,transparent 70%);top:50%;left:35%;--d:18s;animation-delay:-6s} 41@keyframes drift{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-40px,60px) scale(.92)}} 42nav,section,.hero,.cta-wrap,footer{position:relative;z-index:2} 43 44 nav { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; display: flex; align-items: center; justify-content: space-between; padding: 0 40px; height: 72px; background: rgba(5,5,5,0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.06); overflow: visible; } 45 .nav-logo { display: flex; align-items: center; text-decoration: none; flex-shrink: 0; overflow: visible; margin-left: -8px; } 46 .nav-logo img { height: 260px; width: auto; object-fit: contain; display: block; margin-top: 18px; } 47 .nav-menu { display: flex; align-items: center; gap: 4px; list-style: none; position: relative; } 48 .nav-menu > li { position: relative; z-index: 1001; } 49 .nav-menu > li > a, .nav-menu > li > button { display: flex; align-items: center; gap: 5px; padding: 8px 14px; font-family: 'Geist', sans-serif; font-size: 13.5px; font-weight: 500; color: rgba(255,255,255,0.75); text-decoration: none; background: none; border: none; cursor: pointer; border-radius: 6px; transition: color 0.2s, background 0.2s; white-space: nowrap; } 50 .nav-menu > li > a:hover, .nav-menu > li > button:hover { color: var(--white); background: rgba(255,255,255,0.88); } 51 .nav-menu > li > button .chevron { width: 12px; height: 12px; transition: transform 0.2s; opacity: 0.5; } 52 .nav-menu > li.open > button .chevron { transform: rotate(180deg); opacity: 1; } 53 .nav-dropdown { position: absolute; top: calc(100% + 8px); left: 0; min-width: 200px; background: rgba(17,17,17,0.97); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.88); border-radius: 10px; padding: 6px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.2s, transform 0.2s, visibility 0.2s; list-style: none; z-index: 1002; } 54 .nav-menu > li.open .nav-dropdown { opacity: 1; visibility: visible; transform: translateY(0); } 55 .nav-dropdown li a { display: block; padding: 9px 14px; font-size: 13.5px; color: rgba(255,255,255,0.88); text-decoration: none; border-radius: 6px; transition: background 0.15s, color 0.15s; } 56 .nav-dropdown li a:hover { background: rgba(39,217,229,0.1); color: var(--pl-blue); } 57 .nav-cta { padding: 9px 20px !important; background: var(--pl-blue) !important; color: var(--black) !important; font-weight: 600 !important; border-radius: 8px !important; } 58 .nav-cta:hover { opacity: 0.85; } 59 .nav-megadrop { position: absolute; top: calc(100% + 8px); left: 0; display: flex; gap: 0; background: rgba(13,13,13,0.98); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.88); border-radius: 14px; padding: 20px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.2s, transform 0.2s, visibility 0.2s; min-width: 480px; z-index: 1002; } 60 .nav-menu > li.open .nav-megadrop { opacity: 1; visibility: visible; transform: translateY(0); } 61 .mobile-toggle { display: none; flex-direction: column; gap: 5px; background: none; border: none; cursor: pointer; padding: 4px; } 62 .mobile-toggle span { width: 22px; height: 2px; background: var(--white); border-radius: 2px; } 63 64/* MEGA DROPDOWN */ 65 .nav-megadrop { position: absolute; top: calc(100% + 8px); left: 0; display: flex; gap: 0; background: rgba(13,13,13,0.98); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); border: 1px solid rgba(255,255,255,0.88); border-radius: 14px; padding: 20px; opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity 0.2s, transform 0.2s, visibility 0.2s; min-width: 480px; z-index: 1002; } 66 .nav-menu > li.open .nav-megadrop { opacity: 1; visibility: visible; transform: translateY(0); } 67 .mega-col { display: flex; flex-direction: column; gap: 2px; min-width: 200px; } 68 .mega-col-label { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(255,255,255,0.88); padding: 4px 12px 10px; } 69 .mega-col a { display: block; padding: 8px 12px; font-size: 13.5px; color: rgba(255,255,255,0.88); text-decoration: none; border-radius: 7px; transition: background 0.15s, color 0.15s; white-space: nowrap; } 70 .mega-col a:hover { background: rgba(39,217,229,0.08); color: var(--pl-blue); } 71 .mega-divider { width: 1px; background: rgba(255,255,255,0.88); margin: 0 12px; flex-shrink: 0; } 72 73.btn-p{display:inline-flex;align-items:center;gap:8px;
73padding:13px 26px;background:var(--b);color:#030303;font-family:'Geist',sans-serif;font-size:14px;font-weight:700;text-decoration:none;border-radius:8px;border:none;cursor:pointer;transition:opacity .2s,transform .2s} 74.btn-p:hover{opacity:.85;transform:translateY(-2px)} 75.btn-g{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.65);font-family:'Geist',sans-serif;font-size:14px;font-weight:500;text-decoration:none;border-radius:8px;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:background .2s,color .2s,border-color .2s} 76.btn-g:hover{background:rgba(39,217,229,.1);color:var(--b);border-color:rgba(39,217,229,.3)} 77.grad-text{background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} 78.rule{height:1px;background:linear-gradient(90deg,transparent,rgba(39,217,229,.2),rgba(105,238,95,.15),transparent)} 79.thick-rule{height:2px;background:var(--grad);opacity:.3} 80.rv{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)} 81.rv.in{opacity:1;transform:none} 82.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.32s}.d4{transition-delay:.44s} 83h2.title{font-size:clamp(30px,3.2vw,50px);font-weight:400;letter-spacing:-.038em;line-height:1.08;margin-bottom:28px} 84.body-t{font-size:17px;color:var(--w);line-height:1.76} 85.body-t+.body-t{margin-top:16px} 86.body-t strong{color:rgba(255,255,255,.82);font-weight:500} 87 88/* HERO */ 89.hero{min-height:100vh;display:flex;align-items:center;padding:120px 80px 80px;overflow:hidden;position:relative;background:#030d0d}.hero-bg-img{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-bg-img img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(0.25) contrast(1.8) brightness(1.05) drop-shadow(0 0 6px rgba(255,255,255,0.55));
89display:block}.hero-bg-img::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 68% 42%,rgba(255,255,255,0.07) 0%,transparent 70%),radial-gradient(ellipse 40% 40% at 82% 30%,rgba(255,255,255,0.05) 0%,transparent 60%);mix-blend-mode:screen} 90.hero-lines{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.1} 91.hero-lines svg{position:absolute;width:100%;height:100%} 92.hero-streak{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(39,217,229,.55) 30%,rgba(105,238,95,.4) 65%,transparent);filter:blur(.5px);z-index:1;pointer-events:none} 93.hero-streak::before{content:'';position:absolute;top:-7px;left:0;right:0;height:15px;background:inherit;filter:blur(10px);opacity:.3} 94.hero-inner{position:relative;z-index:3;max-width:820px} 95.hero-lbl{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--b);margin-bottom:22px;display:flex;align-items:center;gap:12px} 96.hero-lbl::before{content:'';width:28px;height:1px;background:var(--b)} 97.hero h1{font-size:clamp(42px,5.8vw,80px);font-weight:400;letter-spacing:-.045em;line-height:.98;margin-bottom:28px} 98.hero-sub{font-size:clamp(17px,1.6vw,20px);color:rgba(255,255,255,.46);line-height:1.72;margin-bottom:44px;max-width:600px} 99.hero-acts{display:flex;gap:14px;flex-wrap:wrap} 100.scroll-hint{position:absolute;bottom:32px;left:80px;z-index:3;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.2)} 101.sl{width:36px;height:1px;background:rgba(255,255,255,.1);overflow:hidden;position:relative} 102.sl::after{content:'';position:absolute;left:-100%;width:100%;height:100%;background:var(--b);animation:sla 2.2s ease-in-out infinite} 103@keyframes sla{0%{left:-100%}100%{left:100%}} 104 105/* SECTIONS */ 106.sect{padding:100px 80px;position:relative;overflow:hidden} 107.sect-alt{background:rgba(0,0,0,.45)} 108.sg{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0} 109.sg-r{width:500px;height:400px;background:radial-gradient(ellipse,rgba(39,217,229,.09) 0%,transparent 70%);top:-80px;right:-60px} 110.sg-l{width:400px;height:500px;background:radial-gradient(ellipse,rgba(105,238,95,.07) 0%,transparent 70%);bottom:-80px;left:-60px} 111.sect-inner{position:relative;z-index:1} 112.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start} 113 114/* LEDGER VIS */ 115.ledger-vis{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;position:relative;overflow:hidden} 116.ledger-vis::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(39,217,229,.35),transparent 50%,rgba(105,238,95,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} 117.lv-hdr{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:18px} 118.lv-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)} 119.lv-row:last-of-type{border-bottom:none} 120.lv-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px 1px currentColor} 121.lv-dot.b{color:var(--b);background:var(--b);animation:blink 2.5s ease-in-out infinite}
122.lv-dot.gr{color:var(--g);background:var(--g);animation:blink 3.2s ease-in-out infinite .8s} 123.lv-dot.dim{background:rgba(255,255,255,.15);color:rgba(255,255,255,.2);box-shadow:none} 124@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}} 125.lv-hash{font-size:11px;color:rgba(255,255,255,.2);flex:1;letter-spacing:.04em;font-variant-numeric:tabular-nums} 126.lv-type{font-size:12px;font-weight:600;color:rgba(255,255,255,.5);white-space:nowrap} 127.lv-val{font-size:12px;font-weight:700;white-space:nowrap} 128.lv-val.b{color:var(--b)}.lv-val.gr{color:var(--g)} 129.lv-footer{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between} 130.lv-fl{font-size:11px;color:rgba(255,255,255,.2)} 131.lv-fr{font-size:11px;font-weight:600;color:var(--b)} 132.lv-new{margin-top:14px;padding:10px 14px;background:rgba(39,217,229,.06);border:1px solid rgba(39,217,229,.15);border-radius:8px;font-size:12px;color:rgba(255,255,255,.45);display:flex;align-items:center;gap:8px} 133.lv-new::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--b);flex-shrink:0;animation:blink 1.5s infinite} 134 135/* PLATFORM CARDS */ 136.platform-cards{display:flex;flex-direction:column;gap:12px;margin-top:8px} 137.pc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:28px 26px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,background .2s,transform .25s;position:relative;overflow:hidden} 138.pc:hover{border-color:rgba(39,217,229,.3);background:rgba(39,217,229,.04);transform:translateY(-3px)} 139.pc::after{content:'';position:absolute;right:0;top:10%;width:1px;height:80%;background:linear-gradient(to bottom,transparent,rgba(39,217,229,.35) 50%,transparent)} 140.pc-name{font-size:16px;font-weight:600;letter-spacing:-.02em;color:var(--w)} 141.pc-desc{font-size:14px;color:rgba(255,255,255,.42);line-height:1.6} 142 143/* SOLANA PERKS */ 144.sp-list{display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(255,255,255,.07)} 145.sp{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.06)} 146.sp-label{font-size:14px;font-weight:600;color:var(--w);letter-spacing:-.01em;padding-top:2px} 147.sp-body{font-size:14px;color:rgba(255,255,255,.42);line-height:1.62} 148 149/* POWR TOKEN */ 150.powr-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start} 151.powr-layout>*{min-width:0} /* the 42-char contract addresses otherwise set the column's minimum width and push it off-screen on phones */ 152.powr-utilities{display:flex;flex-direction:column;gap:12px} 153.pu{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:6px;transition:border-color .2s} 154.pu:hover{border-color:rgba(39,217,229,.25)} 155.pu-name{font-size:15px;font-weight:600;letter-spacing:-.015em;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text} 156.pu-desc{font-size:13.5px;color:rgba(255,255,255,.4);line-height:1.6} 157.powr-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px} 158.plink{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);font-size:13px;font-weight:500;color:rgba(255,255,255,.6);text-decoration:none;transition:background .2s,color .2s,border-color .2s} 159.plink:hover{background:rgba(39,217,229,.1);color:var(--b);border-color:rgba(39,217,229,.3)} 160.powr-ca{margin-top:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:20px 22px;display:flex;flex-direction:column;gap:10px} 161.ca-row{display:flex;align-items:center;justify-content:space-between;gap:12px} 162.ca-chain{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.3);white-space:nowrap;flex-shrink:0} 163.ca-addr{font-size:11.5px;font-weight:500;color:rgba(255,255,255,.45);font-variant-numeric:tabular-nums;letter-spacing:.03em;min-width:0;overflow-wrap:anywhere;word-break:break-all} 164.ca-divider{height:1px;background:rgba(255,255,255,.06)} 165 166/* POWR visual panel */ 167.powr-vis{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:24px} 168.powr-vis::before{content:'';position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(105,238,95,.3),transparent 50%,rgba(39,217,229,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none} 169.powr-token-display{display:flex;align-items:center;gap:16px} 170.powr-icon{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--b),var(--g));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#030303;flex-shrink:0} 171.powr-name{font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--w)} 172.powr-sub{font-size:13px;color:rgba(255,255,255,.35);margin-top:3px} 173.powr-chain-row{display:flex;gap:8px} 174.chain-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:600;color:rgba(255,255,255,.6)} 175.chain-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--b)} 176.chain-pill.eth .dot{background:#627EEA} 177.powr-exchanges{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)} 178.powr-ex-label{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:4px} 179.ex-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)} 180.ex-row:last-child{border-bottom:none} 181.ex-name{font-size:14px;font-weight:500;color:rgba(255,255,255,.65)} 182.ex-link{font-size:12px;font-weight:600;color:var(--b);text-decoration:none} 183.ex-link:hover{text-decoration:underline} 184 185/* QUOTE */ 186.quote-sect{padding:100px 80px;position:relative;overflow:hidden;background:rgba(0,0,0,.4)} 187.quote-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 40% 50%,rgba(39,217,229,.07) 0%,transparent 70%);pointer-events:none} 188.quote-inner{position:relative;z-index:1;display:flex;align-items:center;gap:72px;max-width:1100px;margin:0 auto;justify-content:center} 189.quote-content{flex:1;min-width:0} 190.quote-mark{font-size:80px;font-weight:900;color:var(--b);line-height:.7;margin-bottom:16px;opacity:.5} 191.quote-text{font-size:clamp(18px,2vw,26px);font-weight:400;letter-spacing:-.025em;line-height:1.55;color:rgba(255,255,255,.85);margin-bottom:32px} 192.quote-author{display:flex;align-items:center;gap:14px} 193.quote-name{font-size:15px;font-weight:600;color:var(--w)} 194.quote-role{font-size:12px;color:rgba(255,255,255,.35);margin-top:3px} 195/* Photo */ 196.quote-photo-wrap{flex-shrink:0;position:relative;width:220px;height:220px} 197.quote-photo-ring{position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,var(--b) 0%,var(--g) 100%);padding:2px} 198.quote-photo-ring-inner{width:100%;height:100%;border-radius:50%;background:#0a0a0a;overflow:hidden;display:flex;align-items:center;justify-content:center} 199.quote-photo-ring-inner img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:50%;filter:brightness(1.05) contrast(1.05)} 200/* Glow behind photo */ 201.quote-photo-wrap::before{content:'';position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(ellipse,rgba(39,217,229,.18) 0%,transparent 70%);z-index:-1;pointer-events:none} 202 203/* COMMUNITY */ 204.community-sect{padding:80px 80px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;gap:48px;flex-wrap:wrap} 205.community-sect h2{font-size:clamp(28px,2.8vw,42px);font-weight:400;letter-spacing:-.03em;line-height:1.1} 206.community-right{display:flex;flex-direction:column;gap:14px;align-items:flex-start} 207 208/* FAQ */ 209.faq-sect{padding:100px 80px;background:rgba(0,0,0,.4)} 210.faq-title{font-size:clamp(28px,2.8vw,42px);font-weight:400;letter-spacing:-.03em;margin-bottom:48px} 211.faq-list{display:flex;flex-direction:column;gap:2px;max-width:820px} 212.faq-item{border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03)} 213.faq-q{padding:22px 26px;font-size:16px;font-weight:600;color:var(--w);
213cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background .2s} 214.faq-q:hover{background:rgba(255,255,255,.04)} 215.faq-chevron{width:18px;height:18px;flex-shrink:0;color:rgba(255,255,255,.3);transition:transform .25s,color .2s} 216.faq-item.open .faq-chevron{transform:rotate(180deg);color:var(--b)} 217.faq-a{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding .3s} 218.faq-item.open .faq-a{max-height:500px} 219.faq-a-inner{padding:0 26px 22px;font-size:14.5px;color:rgba(255,255,255,.42);line-height:1.7} 220.faq-a-inner a{color:var(--b);text-decoration:none} 221.faq-a-inner a:hover{text-decoration:underline} 222.faq-a-inner ol{margin-top:12px;margin-left:20px;display:flex;flex-direction:column;gap:8px} 223 224/* CTA */ 225.cta-wrap{padding:120px 80px;position:relative;overflow:hidden} 226.cta-bg{position:absolute;inset:0} 227.cta-bg::before{content:'';position:absolute;left:-150px;top:-100px;width:700px;height:700px;border-radius:50%;background:radial-gradient(ellipse,rgba(39,217,229,.12) 0%,transparent 65%);animation:drift 20s ease-in-out infinite} 228.cta-bg::after{content:'';position:absolute;right:-100px;bottom:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(ellipse,rgba(105,238,95,.09) 0%,transparent 65%);animation:drift 26s ease-in-out infinite reverse} 229.cta-streak{position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(39,217,229,.4) 35%,rgba(105,238,95,.3) 65%,transparent);filter:blur(.5px)} 230.cta-streak::before{content:'';position:absolute;top:-8px;left:0;right:0;height:17px;background:inherit;filter:blur(10px);opacity:.3} 231.cta-inner{position:relative;z-index:1;max-width:640px} 232.cta-inner h2{font-size:clamp(34px,4.5vw,62px);font-weight:400;letter-spacing:-.045em;line-height:1.02;margin-bottom:18px} 233.cta-inner p{font-size:17px;color:rgba(255,255,255,.44);line-height:1.72;margin-bottom:40px} 234 235/* FOOTER */ 236footer{background:rgba(5,5,5,.9);border-top:1px solid rgba(255,255,255,.07);padding:40px 80px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap} 237.fl img{height:120px;width:auto;object-fit:contain} 238.flinks{display:flex;gap:24px} 239.flinks a{font-size:13px;color:rgba(255,255,255,.35);text-decoration:none;transition:color .2s} 240.flinks a:hover{color:var(--w)} 241.fcopy{font-size:12px;color:rgba(255,255,255,.2)} 242 243@media(max-width:1100px){ 244 .hero,.sect,.quote-sect,.faq-sect,.cta-wrap,.community-sect{padding:80px 40px} 245 .two-col,.powr-layout{grid-template-columns:1fr;gap:48px} 246 footer{flex-direction:column;padding:32px} 247} 248@media(max-width:680px){ 249 .hero{padding:100px 24px 80px} 250 .sp{grid-template-columns:1fr;gap:4px} 251 .community-sect{flex-direction:column} 252 .powr-layout{gap:32px} 253 .pu{padding:20px} 254 .powr-links .plink{flex:1 1 calc(50% - 5px);justify-content:center;text-align:center} 255 .powr-ca{padding:16px 18px} 256 .ca-row{flex-direction:column;align-items:flex-start;gap:4px} 257 .ca-addr{font-size:12px} 258 /* quote: stack the portrait above the text instead of squeezing the text beside a fixed 220px photo */ 259 .quote-sect{padding-top:64px;padding-bottom:64px} 260 .quote-inner{flex-direction:column;align-items:flex-start;gap:28px} 261 .quote-photo-wrap{width:150px;height:150px;order:-1;margin-left:6px} 262 .quote-mark{font-size:60px;margin-bottom:10px} 263 .quote-text{font-size:19px;margin-bottom:24px} 264} 265@media(max-width:480px){ 266 .powr-links .plink{flex-basis:100%} 267} 268 269 /* VIDEO BANNERS */ 270 .video-banners { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 48px; } 271 .vb-card { display: flex; flex-direction: column; gap: 12px; text-decoration: none; color: inherit; cursor: pointer; } 272 .vb-thumb { position: relative; width: 100%; padding-bottom: 56.25%; border-radius: 14px; overflow: hidden; background: var(--g2); border: 1px solid rgba(255,255,255,.1); transition: border-color .25s, transform .25s; } 273 .vb-card:hover .vb-thumb { border-color: rgba(39,217,229,.4); transform: translateY(-3px); } 274 .vb-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; filter: brightness(.85); transition: filter .25s; } 275 .vb-card:hover .vb-thumb img { filter: brightness(1); } 276 .vb-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,3,3,.6) 0%, transparent 50%); pointer-events: none; } 277 .vb-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 64px; height: 64px; transition: transform .2s; } 278 .vb-card:hover .vb-play { transform: translate(-50%,-50%) scale(1.12); } 279 .vb-meta { padding: 0 4px; } 280 .vb-title { font-size: 16px; font-weight: 600; color: var(--w); letter-spacing: -.01em; margin-bottom: 4px; } 281 .vb-sub { font-size: 13px; color: var(--b); font-weight: 500; } 282 @media(max-width:680px) { .video-banners { grid-template-columns: 1fr; } } 283
284footer{background:rgba(5,5,5,.96);border-top:1px solid rgba(255,255,255,.07);padding:0} 285.footer-inner{display:grid;grid-template-columns:280px 1fr;gap:64px;padding:64px 80px 40px;border-bottom:1px solid rgba(255,255,255,.07)} 286.footer-brand p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.6;margin-top:16px;max-width:240px} 287.footer-logo img{height:120px;width:auto;object-fit:contain} 288.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px} 289.footer-col h4{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:16px} 290.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px} 291.footer-col ul li a{font-size:13.5px;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s} 292.footer-col ul li a:hover{color:#fff} 293.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 80px} 294.footer-copy{font-size:12px;color:rgba(255,255,255,.25)} 295.social-links{display:flex;align-items:center;gap:8px} 296.social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);text-decoration:none;font-size:11px;font-weight:700;transition:background .2s,color .2s} 297.social-link:hover{background:rgba(39,217,229,.15);color:#27D9E5;border-color:rgba(39,217,229,.3)} 298@media(max-width:1100px){.footer-inner{grid-template-columns:1fr;padding:48px 40px 32px}.footer-cols{grid-template-columns:repeat(2,1fr)}.footer-bottom{padding:20px 40px}} 299@media(max-width:680px){.footer-cols{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:16px;padding:20px 24px}.footer-inner{padding:40px 24px 24px}} 300 301 302/* ââ FOOTER ââ */ 303footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,.07);padding:60px 80px 32px} 304.ft-grid{display:grid;grid-template-columns:260px 1fr;gap:56px;padding-bottom:48px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:32px} 305.ft-brand img { height: 180px; width: auto; object-fit: contain; display: block; margin: -20px 0 -10px -12px; } 306.ft-brand p{font-size:13px;color:rgba(255,255,255,.38);line-height:1.65;margin-top:14px;max-width:220px} 307.ft-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:28px} 308.ft-col h4{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.28);margin-bottom:14px} 309.ft-col ul{list-style:none;display:flex;flex-direction:column;gap:8px} 310.ft-col ul li a{font-size:13px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .18s} 311.ft-col ul li a:hover{color:#fff} 312.ft-bottom{display:flex;align-items:center;justify-content:space-between} 313.ft-copy{font-size:12px;color:rgba(255,255,255,.22)} 314.ft-social{display:flex;gap:8px} 315.ft-social a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.45);text-decoration:none;font-size:11px;font-weight:700;transition:background .18s,color .18s,border-color .18s} 316.ft-social a:hover{background:rgba(39,217,229,.12);color:#27D9E5;border-color:rgba(39,217,229,.28)} 317@media(max-width:1100px){footer{padding:48px 40px 28px}.ft-grid{grid-template-columns:1fr;gap:36px}.ft-cols{grid-template-columns:repeat(2,1fr)}} 318@media(max-width:680px){footer{padding:40px 24px 24px}.ft-cols{grid-template-columns:1fr 1fr}.ft-bottom{flex-direction:column;gap:14px;align-items:flex-start}} 319 320 321/* logo */ 322nav{overflow:visible} 323.nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;overflow:visible;margin-left:-8px} 324.nav-logo img{height:260px;width:auto;object-fit:contain;display:block;margin-top:18px} 325/* footer */ 326footer{background:#050505;border-top:1px solid rgba(255,255,255,0.06);padding:64px 80px 40px} 327.footer-top{display:grid;grid-template-columns:220px 1fr;gap:40px;padding-bottom:48px;border-bottom:none;margin-bottom:40px;align-items:start} 328.footer-brand{display:block} 329.footer-logo img{height:180px;width:auto;object-fit:contain;display:block} 330.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px} 331.footer-col ul li a{font-size:13.5px;color:rgba(255,255,255,0.75);text-decoration:none;transition:color 0.2s} 332.footer-col ul li a:hover{color:#fff} 333.footer-bottom{display:flex;align-items:center;justify-content:space-between} 334.footer-copy{font-size:12px;color:rgba(255,255,255,0.3)} 335.social-links{display:flex;align-items:center;gap:8px} 336.social-link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:rgba(255,255,255,0.5);text-decoration:none;transition:background 0.2s,color 0.2s} 337.social-link:hover{background:rgba(39,217,229,0.15);color:#27D9E5;border-color:rgba(39,217,229,0.3)} 338@media(max-width:1100px){footer{padding:48px 40px 32px}.footer-top{grid-template-columns:1fr}} 339@media(max-width:680px){footer{padding:40px 24px 24px}} 340 341 342 /* ââ TABLET ââ */ 343 @media(max-width:1024px){ 344 nav{padding:0 32px} 345 .hero-inner,section,.content-section,.about-hero,.offerings-hero{padding-left:48px;padding-right:48px} 346 .offerings-grid,.vs-grid,.team-grid{grid-template-columns:repeat(2,1fr)!important} 347 .case-grid{grid-template-columns:repeat(2,1fr)!important} 348 } 349 /* ââ MOBILE ââ */ 350 @media(max-width:768px){ 351 nav{padding:0 20px;height:60px} 352 .nav-logo img{height:190px;margin-top:14px} 353 .nav-menu a{padding:5px 9px;font-size:12px} 354 section,.content-section,.page-section, 355 .about-hero,.offerings-hero,.blockchain-sect, 356 .hero,.hero-inner{padding-left:24px!important;padding-right:24px!important} 357 h1{font-size:clamp(28px,8vw,44px)!important} 358 h2{font-size:clamp(22px,5.5vw,34px)!important} 359 .two-col,.split-grid,.hero-2col{grid-template-columns:1fr!important;flex-direction:column!important} 360 .offerings-grid,.vs-grid,.team-grid{grid-template-columns:1fr!important} 361 .case-grid{grid-template-columns:1fr!important} 362 .platform-cards,.sp-grid,.stat-row{grid-template-columns:1fr 1fr!important} 363 .cta-band,.cta-row{flex-direction:column!important;text-align:center!important;padding-left:24px!important;padding-right:24px!important} 364 footer{padding:44px 24px 28px!important} 365 .footer-top{grid-template-columns:1fr!important} 366 .footer-logo img{height:130px!important} 367 .footer-links,.footer-nav{grid-template-columns:1fr 1fr!important} 368 } 369 @media(max-width:480px){ 370 .nav-menu a{padding:4px 6px;font-size:11px} 371 .platform-cards,.sp-grid,.stat-row{grid-template-columns:1fr!important} 372 section,.hero,.hero-inner{padding-left:18px!important;padding-right:18px!important} 373 } 374 375/* LEGAL LINKS (footer bottom bar) */ 376.ft-legal{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:12px} 377.ft-legal a{color:rgba(255,255,255,.35);text-decoration:none;transition:color .2s} 378.ft-legal a:hover,.ft-legal a[aria-current]{color:#fff} 379 380/* FOOTER BOTTOM BAR */ 381/* The footer stacks its link grid above the bottom bar (some pages had a leftover footer{display:flex} that 382 squeezed the bar beside the grid); copyright, legal links and social icons keep clear space between them. */ 383footer{display:block} 384.ft-bottom,.footer-bottom{gap:20px 32px} 385@media(max-width:768px){.ft-bottom,.footer-bottom{flex-direction:column;align-items:flex-start;text-align:left;gap:22px}} 386 387/* BUTTON HOVER */ 388/* Every button and nav link hovers with the brand gradient and black text (review batch 03). !important beats the 389 per-page hover rules (some use !important themselves); keep this block identical on every page and template. */ 390.nav-menu li a:hover,.nav-menu>li>a:hover,.nav-menu>li>button:hover, 391.btn-primary:hover,.btn-secondary:hover,.btn-fill:hover,.btn-ghost:hover,.btn-p:hover,.btn-g:hover, 392.plink:hover,.cs-btn:hover,.filter:hover,button.btn-fill:hover{ 393 background:linear-gradient(90deg,#00E5D6,#27D9E5 45%,#69EE5F)!important; 394 color:#030303!important;-webkit-text-fill-color:#030303;border-color:transparent!important;opacity:1!important} 395.nav-menu li a:hover,.nav-menu>li>a:hover,.nav-menu>li>button:hover{color:#030303!important} 396.cs-btn:hover svg{color:#030303} 397 398/* NAV ALIGNMENT */ 399/* One header geometry on every page (reference: the homepage): 40px side padding, logo offset -8px, 4px menu gap, 400 8px 14px items at 13.5px. Some pages set their own values (48px padding, 2px gap, 13px), which made the logo and 401 menu jump between pages. Keep this block identical everywhere. */ 402@media(min-width:769px){ 403 nav{padding:0 40px!important;height:72px!important} 404 .nav-logo{display:flex!important;align-items:center!important;margin:0!important;padding:0!important} 405 .nav-logo img{height:260px!important;width:auto!important;margin:18px 0 0 -8px!important;max-width:none!important} 406 .nav-menu{gap:4px!important} 407 .nav-menu>li>a,.nav-menu li a{padding:8px 14px!important;font-size:13.5px!important;line-height:1.45!important} 408} 409@media(max-width:768px){ 410 nav{padding:0 20px!important;height:60px!important} 411 .nav-logo{display:flex!important;align-items:center!important;margin:0!important;padding:0!important} 412 .nav-logo img{height:190px!important;width:auto!important;margin:14px 0 0 -8px!important;max-width:none!important} 413 .nav-menu>li>a,.nav-menu li a{line-height:1.45!important} 414} 415 416/* MOBILE NAV */ 417/* â¤768px: the hamburger (.mobile-toggle, already in the markup
417with its toggle script) replaces the row menu; 418 the menu opens as a full-width panel under the bar. Keep this block identical on every page and template. */ 419@media(max-width:768px){ 420 .mobile-toggle{display:flex} 421 .nav-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:10px 12px 14px;background:rgba(5,5,5,.97);border-bottom:1px solid rgba(255,255,255,.08);max-height:calc(100vh - 60px);overflow-y:auto} 422 .nav-menu>li{width:100%} 423 .nav-menu>li>a,.nav-menu>li>button,.nav-menu li a{display:flex;width:100%;padding:12px 14px;font-size:15px;border-radius:8px} 424 .nav-dropdown{display:none;position:static;min-width:0;opacity:1;visibility:visible;transform:none;background:transparent;backdrop-filter:none;border:0;padding:2px 0 6px 14px} 425 .nav-menu>li.open .nav-dropdown{display:block} 426} 427</style> 428<!-- Cookie consent (vanilla-cookieconsent, self-hosted) and Google Analytics gated behind it; added by build.js -->
429<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag('consent','default',{ad_storage:'denied',ad_user_data:'denied',ad_personalization:'denied',analytics_storage:'denied',wait_for_update:500});</script>
429 430<link rel="stylesheet" href="/assets/cookie/cookieconsent.css"> 431<link rel="stylesheet" href="/assets/cookie/brand.css">
432<script defer src="/assets/cookie/cookieconsent.umd.js"></script>
vendor: 1 bytes, line 432
432
433<script defer src="/assets/cookie/config.js"></script>
vendor: 120 bytes, lines 433-434
433 434<script type="text/plain" data-category="analytics" data-service="ga" src="https://www.googletagmanager.com/gtag/js?id=
434G-H9HET8KMCT
vendor: 12 bytes, line 434
434"></script>
435<script type="text/plain" data-category="analytics" data-service="ga">gtag('js',new Date());gtag('config','G-H9HET8KMCT');</script>
435 436</head> 437<body> 438 439<div id="aurora"> 440 <div class="blob b1"></div> 441 <div class="blob b2"></div> 442 <div class="blob b3"></div> 443</div> 444 445<!-- NAV --> 446<nav id="nav"> 447 <a href="/" class="nav-logo"> 448 <img src="/pl-logo.png" alt="Powerledger logo"> 449 </a> 450 <ul class="nav-menu"> 451 <li><a href="/offerings/">Offerings</a></li> 452 <li><a href="/blockchain/">Blockchain</a></li> 453 <li><a href="/venture-studio/">Venture Studio</a></li> 454 <li><a href="/media/">Media</a></li> 455 <li><a href="/podcast/">Podcast</a></li> 456 </ul> 457 <button class="mobile-toggle" onclick="var m=document.querySelector('.nav-menu');m.style.display=m.style.display==='flex'?'none':'flex'"> 458 <span></span><span></span><span></span> 459 </button> 460</nav> 461 462<!-- HERO --> 463<section class="hero"> 464 <div class="hero-bg-img"><img src="/hero-blockchain-bg.webp" alt=""></div> 465 <div class="hero-lines"> 466 <svg viewBox="0 0 1440 900" preserveAspectRatio="none" fill="none"> 467 <line x1="0" y1="900" x2="500" y2="0" stroke="rgba(39,217,229,1)" stroke-width=".6"/> 468 <line x1="200" y1="900" x2="700" y2="0" stroke="rgba(39,217,229,1)" stroke-width=".4"/> 469 <line x1="1440" y1="0" x2="940" y2="900" stroke="rgba(105,238,95,1)" stroke-width=".6"/> 470 <line x1="1240" y1="0" x2="740" y2="900" stroke="rgba(105,238,95,1)" stroke-width=".4"/> 471 <line x1="0" y1="300" x2="1440" y2="300" stroke="rgba(255,255,255,.04)" stroke-width=".8"/> 472 <line x1="0" y1="600" x2="1440" y2="600" stroke="rgba(255,255,255,.04)" stroke-width=".8"/> 473 <line x1="480" y1="0" x2="480" y2="900" stroke="rgba(255,255,255,.03)" stroke-width=".8"/> 474 <line x1="960" y1="0" x2="960" y2="900" stroke="rgba(255,255,255,.03)" stroke-width=".8"/> 475 </svg> 476 </div> 477 <div class="hero-streak"></div> 478 <div class="hero-inner rv"> 479 <h1>The settlement layer that makes<br>decentralised energy <span class="grad-text">markets possible.</span></h1> 480 <p class="hero-sub">Every trade. Every certificate. Every kilowatt-hour. Recorded on-chain, immutable, and verifiable by anyone. This is how distributed energy systems earn trust at scale.</p> 481 <div class="hero-acts"> 482 <a href="#powr" class="btn-p">Explore POWR token</a> 483 </div> 484 </div> 485 <div class="scroll-hint"><div class="sl"></div>Scroll</div> 486</section> 487 488<div class="thick-rule"></div> 489 490<!-- WHY BLOCKCHAIN --> 491<section class="sect rv" id="why"> 492 <div class="sg sg-r"></div> 493 <div class="sect-inner two-col"> 494 <div> 495 <h2 class="title">Energy trading needs a settlement layer it can trust.</h2> 496 <p class="body-t">A distributed energy system creates a new kind of problem. When energy moves between hundreds of participants in real time, every transaction needs to be recorded accurately, immutably, and transparently, without a central intermediary managing the ledger.</p> 497 <p class="body-t">Traditional settlement systems were not designed for this. They assume a single trusted authority at the centre of every transaction. Distributed energy markets have no centre. They have edges: thousands of prosumers, consumers, operators, and devices transacting continuously.</p> 498 <p class="body-t">Blockchain replaces the trusted intermediary with a shared, tamper-proof record that every participant can verify. Every transaction facilitated through Powerledger's platforms is written to Solana: permanent, transparent, and independent of any single party's authority.</p> 499 </div> 500 <div class="rv d2"> 501 <div class="ledger-vis"> 502 <div class="lv-hdr">Live on-chain settlements</div> 503 <div class="lv-row"><div class="lv-dot b"></div><div class="lv-hash">4xKp...3mRq</div><div class="lv-type">P2P Trade</div><div class="lv-val b">12.4 kWh</div></div> 504 <div class="lv-row"><div class="lv-dot gr"></div><div class="lv-hash">9fWa...7nLk</div><div class="lv-type">T-EAC</div><div class="lv-val gr">1 cert</div></div> 505 <div class="lv-row"><div class="lv-dot b"></div><div class="lv-hash">2mNs...4pTv</div><div class="lv-type">P2P Trade</div><div class="lv-val b">8.1 kWh</div></div> 506 <div class="lv-row"><div class="lv-dot gr"></div><div class="lv-hash">7bQr...1wXe</div><div class="lv-type">Traceability</div><div class="lv-val gr">0.5 MWh</div></div> 507 <div class="lv-row"><div class="lv-dot dim"></div><div class="lv-hash">6hYu...9cMf</div><div class="lv-type">P2P Trade</div><div class="lv-val" style="color:rgba(255,255,255,.35)">3.7 kWh</div></div> 508 <div class="lv-footer">
509 <span class="lv-fl">Solana mainnet</span> 510 <span class="lv-fr">~400ms settlement</span> 511 </div> 512 <div class="lv-new">New transaction incoming — P2P Trade 5.2 kWh</div> 513 </div> 514 </div> 515 </div> 516</section> 517 518<div class="rule"></div> 519 520<!-- BUILT ON SOLANA --> 521<section class="sect sect-alt rv" id="solana"> 522 <div class="sg sg-l"></div> 523 <div style="position:absolute;right:-10px;top:40%;font-size:clamp(80px,12vw,160px);font-weight:900;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(39,217,229,.06);line-height:1;pointer-events:none;user-select:none;z-index:0">SOLANA</div> 524 <div class="sect-inner"> 525 <div class="two-col"> 526 <div> 527 <h2 class="title">The infrastructure behind every capability.</h2> 528 <p class="body-t">Powerledger operates on Solana mainnet, a blockchain built for high throughput, low latency, and energy efficiency.</p> 529 <p class="body-t">Solana processes tens of thousands of transactions per second at a fraction of the cost of earlier blockchain networks. For high-frequency, small-value energy transactions, that is not a nice-to-have. It is a requirement. A P2P energy market that settles thousands of trades per interval cannot run on infrastructure that is slow or expensive at that volume.</p> 530 <p class="body-t">The move to Solana mainnet marked a key milestone: from proving that blockchain could work in energy markets, to building on open, common infrastructure that can scale with the market itself.</p> 531 532 <div class="sp-list" style="margin-top:40px"> 533 <div class="sp rv d1"> 534 <div class="sp-label">Faster innovation</div> 535 <div class="sp-body">Driving innovation at pace by leveraging new features and tools from the Solana ecosystem.</div> 536 </div> 537 <div class="sp rv d2"> 538 <div class="sp-label">Unlocking new opportunities</div> 539 <div class="sp-body">Tapping into Solana's vibrant community unlocks new opportunities for collaboration with immediate and positive impact.</div> 540 </div> 541 <div class="sp rv d3"> 542 <div class="sp-label">Championing ReFi and sustainability</div> 543 <div class="sp-body">Reinforcing our shared commitment with Solana for a sustainable future.</div> 544 </div> 545 </div> 546 </div> 547 </div> 548 549 <!-- Full-width video banners --> 550 <div class="video-banners" style="margin-top:48px"> 551 552 <a href="https://youtu.be/DR-AQIyk9V0?si=-qCswlvDYWBjvuf7&t=2" target="_blank" class="vb-card rv"> 553 <div class="vb-thumb"> 554 <img src="/assets/inline/d24d748ee792.jpg" alt="Powerledger Solana Mainnet Integration" /> 555 <div class="vb-play"> 556 <svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> 557 <circle cx="36" cy="36" r="36" fill="rgba(0,0,0,0.55)"/> 558 <polygon points="28,20 28,52 56,36" fill="white"/> 559 </svg> 560 </div> 561 <div class="vb-overlay"></div> 562 </div> 563 <div class="vb-meta"> 564 <div class="vb-title">Powerledger on Solana Mainnet</div> 565 <div class="vb-sub">Watch on YouTube →</div> 566 </div> 567 </a> 568 569 <a href="https://youtu.be/aE00PXz8muI?si=47noRYkDCpAXIi2H" target="_blank" class="vb-card rv d2"> 570 <div class="vb-thumb"> 571 <img src="/assets/inline/650d3a5bd285.jpg" alt="Powerledger DePIN Profile" /> 572 <div class="vb-play"> 573 <svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"> 574 <circle cx="36" cy="36" r="36" fill="rgba(0,0,0,0.55)"/> 575 <polygon points="28,20 28,52 56,36" fill="white"/> 576 </svg> 577 </div> 578 <div class="vb-overlay"></div> 579 </div> 580 <div class="vb-meta"> 581 <div class="vb-title">Powerledger DePIN Profile</div> 582 <div class="vb-sub">Watch on YouTube →</div> 583 </div> 584 </a> 585 586 </div> 587 </div> 588</section> 589 590<div class="rule"></div> 591 592<!-- POWR TOKEN --> 593<section class="sect rv" id="powr"> 594 <div class="sg sg-r"></div> 595 <div class="sect-inner powr-layout"> 596 <div> 597 <h2 class="title">POWR is the connective tissue across the ecosystem.</h2> 598 <p class="body-t">POWR powers every part of the Powerledger ecosystem. Access, participation, and settlement across platforms, markets, and ventures. It is not tied to a single product or a single use case. As the ecosystem grows, POWR's role in it grows with it.</p> 599 <p class="body-t">POWR is available on both Solana and Ethereum, with multichain transfers enabled via Wormhole NTT. Participants have flexibility across both ecosystems without being locked into one chain.</p> 600 <p class="body-t">POWR is listed on Raydium and Jupiter on Solana, expanding liquidity and global reach.</p> 601 602 <div class="powr-utilities rv d2" style="margin-top:36px"> 603 <div class="pu"> 604 <div class="pu-name">Transactive Platforms</div> 605 <div class="pu-desc">Licensing, access, and usage alignment across P2P energy trading deployments.</div> 606 </div> 607 <div class="pu"> 608 <div class="pu-name">Ventures Ecosystem</div> 609 <div class="pu-desc">Embedded utility across Powerledger's portfolio of spin-outs and partners.</div> 610 </div> 611 </div> 612 613 <div class="powr-links rv d3"> 614 <a href="https://raydium.io/swap/?inputMint=sol&outputMint=PowerhfyX6JqFprXzy89fPBSKqmLj8Yzcvr3FkHrQHR" target="_blank" class="plink">POWR on Raydium →</a> 615 <a href="https://jup.ag/swap/PowerhfyX6JqFprXzy89fPBSKqmLj8Yzcvr3FkHrQHR-SOL" target="_blank" class="plink">POWR on Jupiter →</a> 616 <a href="/media/how-to-move-powr-between-ethereum-solana-multichain-powr-transfers-explained/" class="plink">Multichain transfer guide →</a> 617 </div> 618 619 <div class="powr-ca rv d4"> 620 <div class="ca-row">
621 <span class="ca-chain">POWR ETH CA</span> 622 <span class="ca-addr">0x595832F8FC6BF59c85C527fEC3740A1b7a361269</span> 623 </div> 624 <div class="ca-divider"></div> 625 <div class="ca-row"> 626 <span class="ca-chain">POWR SOL CA</span> 627 <span class="ca-addr">PowerhfyX6JqFprXzy89fPBSKqmLj8Yzcvr3FkHrQHR</span> 628 </div> 629 </div> 630 </div> 631 632 <div class="rv d2"> 633 <div class="powr-vis"> 634 <div class="powr-token-display"> 635 <div class="powr-icon">P</div> 636 <div> 637 <div class="powr-name">POWR Token</div> 638 <div class="powr-sub">Powerledger ecosystem token</div> 639 </div> 640 </div> 641 <div class="powr-chain-row"> 642 <div class="chain-pill"><div class="dot"></div>Solana</div> 643 <div class="chain-pill eth"><div class="dot"></div>Ethereum</div> 644 </div> 645 <div class="powr-exchanges"> 646 <div class="powr-ex-label">Available on</div> 647 <div class="ex-row"><span class="ex-name">Raydium</span><a href="https://raydium.io/swap/?inputMint=sol&outputMint=PowerhfyX6JqFprXzy89fPBSKqmLj8Yzcvr3FkHrQHR" target="_blank" class="ex-link">Trade →</a></div> 648 <div class="ex-row"><span class="ex-name">Jupiter</span><a href="https://jup.ag/swap/PowerhfyX6JqFprXzy89fPBSKqmLj8Yzcvr3FkHrQHR-SOL" target="_blank" class="ex-link">Trade →</a></div> 649 </div> 650 <div style="padding-top:16px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:rgba(255,255,255,.25)">Multichain transfers via <strong style="color:rgba(255,255,255,.45)">Wormhole NTT</strong></div> 651 </div> 652 </div> 653 </div> 654</section> 655 656<div class="thick-rule"></div> 657 658<!-- QUOTE --> 659<section class="quote-sect rv"> 660 <div class="quote-glow"></div> 661 <div class="quote-inner"> 662 <div class="quote-content"> 663 <div class="quote-mark">“</div> 664 <div class="quote-text">At the core of both Solana and Powerledger is a commitment to empowering people. Powerledger's vision is to enable ordinary citizens to actively participate in the energy transition and make clean energy accessible for everyone. This aligns with Solana's goal of making blockchain accessible to everyone.</div> 665 <div class="quote-author"> 666 <div> 667 <div class="quote-name">Dr. Jemma Green</div> 668 <div class="quote-role">Co-founder and Executive Chairman, Powerledger</div> 669 </div> 670 </div> 671 </div> 672 <div class="quote-photo-wrap"> 673 <div class="quote-photo-ring"> 674 <div class="quote-photo-ring-inner"> 675 <img src="/assets/inline/cd2e1a833e51.jpg" alt="Dr. Jemma Green"/> 676 </div> 677 </div> 678 </div> 679 </div> 680</section> 681 682<!-- FOOTER --> 683<footer> 684 <div class="footer-top"> 685 <div class="footer-brand"> 686 <div class="footer-logo"> 687 <img src="/pl-logo.png" alt="Powerledger"> 688 </div> 689 </div> 690 <div class="footer-col"> 691 <ul> 692 <li><a href="/about/">About</a></li> 693 <li><a href="/offerings/">Offerings</a></li> 694 <li><a href="/venture-studio/">Venture Studio</a></li> 695 <li><a href="/blockchain/">Blockchain</a></li> 696 <li><a href="/case-studies/">Case Studies</a></li> 697 <li><a href="/media/">Resources</a></li> 698 <li><a href="/contact/">Contact us</a></li> 699 <li><a href="/podcast/">Podcast</a></li> 700 </ul> 701 </div> 702 </div> 703 <div class="footer-bottom"> 704 <span class="footer-copy">© 2026 Powerledger. All rights reserved.</span> 705 <div class="ft-legal" role="navigation" aria-label="Legal"><a href="/privacy-policy/">Privacy Policy</a><a href="/disclaimer/">Disclaimer</a><a href="#" data-cc="show-preferencesModal">Cookie settings</a></div> 706 <div class="social-links"> 707 <a href="https://x.com/Powerledger_io" target="_blank" rel="noopener" class="social-link" title="X"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-4.714-6.231-5.401 6.231H2.744l7.737-8.835L2.042 2.25H8.08l4.261 5.638L18.244 2.25Zm-1.161 17.52h1.833L7.084 4.126H5.117L17.083 19.77Z"/></svg></a> 708 <a href="https://ch.linkedin.com/company/power-ledger" target="_blank" rel="noopener" class="social-link" title="LinkedIn"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286ZM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065 2.064 2.064 0 1 1 2.063 2.065Zm1.782 13.019H3.555V9h3.564v11.452ZM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003Z"/></svg></a> 709 <a href="https://www.youtube.com/channel/UCB_IQppQmk08jWhVEBx0_jw" target="_blank" rel="noopener" class="social-link" title="YouTube">
709<svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814ZM9.545 15.568V8.432L15.818 12l-6.273 3.568Z"/></svg></a> 710 <a href="https://open.spotify.com/show/2l5vG5N6F8PLlTspIjUkE0" target="_blank" rel="noopener" class="social-link" title="Spotify"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0Zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02Zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2Zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3Z"/></svg></a> 711 </div> 712 </div> 713</footer> 714
715<script> 716 function toggleMenu(id) { 717 const li = document.getElementById(id); 718 const others = document.querySelectorAll('.nav-menu > li.open'); 719 others.forEach(el => { if (el.id !== id) el.classList.remove('open'); }); 720 li.classList.toggle('open'); 721 } 722 723 document.addEventListener('click', function(e) { 724 if (!e.target.closest('.nav-menu > li')) { 725 document.querySelectorAll('.nav-menu > li.open').forEach(el => el.classList.remove('open')); 726 } 727 }); 728 729 // Reveal 730 const obs = new IntersectionObserver((e) => { 731 e.forEach(x => { if(x.isIntersecting){ x.target.classList.add('in'); obs.unobserve(x.target); } }); 732 }, {threshold:0.06,rootMargin:'0px 0px -30px 0px'}); 733 document.querySelectorAll('.rv').forEach(el => obs.observe(el)); 734 735 // Nav tint 736 window.addEventListener('scroll', () => { 737 document.getElementById('nav').style.background = window.scrollY > 20 ? 'rgba(3,3,3,0.96)' : 'rgba(3,3,3,0.6)'; 738 }); 739 740 // Close dropdowns 741 document.addEventListener('click', e => { 742 if(!e.target.closest('.nav-menu > li')) 743 document.querySelectorAll('.nav-menu > li.open').forEach(el => el.classList.remove('open')); 744 }); 745</script>
745 746</body> 747</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.