PageSourceSearch

https://powerledger.io/blockchain/

html powerledger.io collected 2026-10-01 12:18:14 UTC 55,807 bytes, 747 lines download raw bytes

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 &mdash; 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 &rarr;</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 &rarr;</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 &rarr;</a>
615        <a href="https://jup.ag/swap/PowerhfyX6JqFprXzy89fPBSKqmLj8Yzcvr3FkHrQHR-SOL" target="_blank" class="plink">POWR on Jupiter &rarr;</a>
616        <a href="/media/how-to-move-powr-between-ethereum-solana-multichain-powr-transfers-explained/" class="plink">Multichain transfer guide &rarr;</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 &rarr;</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 &rarr;</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">&ldquo;</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">&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.