PageSourceSearch

https://nammu.finance/

html nammu.finance collected 2026-10-06 03:32:10 UTC 75,870 bytes, 1,031 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Nammu | Earn Up to 8% APY While Funding Conservation</title>
8    <meta name="description" content="Earn up to 8% APY on your funds. Choose how much goes to verified conservation partners. Withdraw anytime, start with $10.">
9    <meta name="robots" content="index, follow, max-image-preview:large">
10    <meta name="theme-color" content="#FFFFFF">
11    <link rel="canonical" href="https://nammu.finance/">
12    <link rel="icon" type="image/png" href="assets/brand/logo-on-electric-horizon-row1.png?v=20260405pg1">
13    <link rel="apple-touch-icon" href="assets/brand/logo-on-electric-horizon-row1.png?v=20260405pg1">
14    <meta property="og:type" content="website">
15    <meta property="og:site_name" content="Nammu">
16    <meta property="og:title" content="Nammu | Earn Up to 8% APY While Funding Conservation">
17    <meta property="og:description" content="Earn up to 8% APY on your funds. Choose how much goes to verified conservation partners. Withdraw anytime, start with $10.">
18    <meta property="og:url" content="https://nammu.finance/">
19    <meta property="og:image" content="https://nammu.finance/assets/brand/logo-on-electric-horizon-row1.png?v=20260405pg1">
20    <meta property="og:image:alt" content="Nammu brand mark on an electric horizon background">
21    <meta name="twitter:card" content="summary_large_image">
22    <meta name="twitter:title" content="Nammu | Earn Up to 8% APY While Funding Conservation">
23    <meta name="twitter:description" content="Earn up to 8% APY on your funds. Choose how much goes to verified conservation partners. Withdraw anytime, start with $10.">
24    <meta name="twitter:image" content="https://nammu.finance/assets/brand/logo-on-electric-horizon-row1.png?v=20260405pg1">
25    <link rel="preconnect" href="https://fonts.googleapis.com">
26    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27    <link rel="preconnect" href="https://images.unsplash.com">
28    <link href="https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700;800&display=swap" rel="stylesheet">
29    <link rel="stylesheet" href="style.css?v=20260407profile">
30    <link rel="stylesheet" href="direct-style.css?v=20260728tour2">
31    
31<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
31
32    <link rel="preload" href="/rive/Jungle_segment.riv?v=20260329perf1" as="fetch" crossorigin>
33    
33<script defer src="/vendor/rive-webgl2.min.js?v=20260405pg1"></script>
33
34    
34<script defer src="/a/script.js" data-website-id="d761fb9d-b8c4-42c9-a578-3ddd4d7375f4" data-domains="nammu.finance"></script>
34
35    <!-- Microsoft Clarity -->
36    
36<script type="text/javascript">
37    (function(c,l,a,r,i,t,y){
38        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
39        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
40        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
41    })(window, document, "clarity", "script", "wajpocwohy");
42    </script>
42
43    
43<script type="application/ld+json">
44        {
45            "@context": "https://schema.org",
46            "@graph": [
47                {
48                    "@type": "Organization",
49                    "name": "Nammu",
50                    "url": "https://nammu.finance/",
51                    "logo": "https://nammu.finance/assets/brand/logo-on-electric-horizon-row1.png?v=20260405pg1",
52                    "description": "Nammu helps you earn more on your money — and fund rainforest conservation along the way.",
53                    "email": "[email protected]"
54                },
55                {
56                    "@type": "WebSite",
57                    "name": "Nammu",
58                    "url": "https://nammu.finance/",
59                    "inLanguage": "en"
60                }
61            ]
62        }
63    </script>
63
64    <noscript><style>.section-reveal { opacity: 1; transform: none; }</style></noscript>
65</head>
66
67<body class="page-direct">
68    <!-- ── Navbar ── -->
69    <nav class="navbar">
70        <div class="container nav-container">
71            <div class="logo">
72                <a href="/" style="display:flex;align-items:center;gap:8px;">
73                    <img src="assets/brand/logo-on-electric-horizon-row1.png?v=20260405pg1" alt="Nammu Logo" class="logo-img" decoding="async">
74                    <span class="logo-text">Nammu</span>
75                </a>
76            </div>
77            <div class="nav-right">
78                <a href="#how-it-works" style="color:var(--color-text-muted);font-size:0.9rem;">How It Works</a>
79                <a href="#impact" style="color:var(--color-text-muted);font-size:0.9rem;">Impact</a>
80                <a href="/blog/" style="color:var(--color-text-muted);font-size:0.9rem;">Blog</a>
81                <a href="#waitlist" class="btn btn-primary">Join Waitlist</a>
82                <button class="direct-hamburger" id="hamburger" aria-label="Menu">
83                    <svg viewBox="0 0 24 24"><line x1="4" y1="7" x2="20" y2="7"/><line x1="4" y1="12" x2="20" y2="12"/><line x1="4" y1="17" x2="20" y2="17"/></svg>
84                </button>
85            </div>
86        </div>
87    </nav>
88    <div class="direct-mobile-backdrop" id="mobile-backdrop"></div>
89    <div class="direct-mobile-menu" id="mobile-menu">
90        <a href="#how-it-works">How It Works</a>
91        <a href="#impact">Impact</a>
92        <a href="#faq">FAQ</a>
93        <a href="/blog/">Blog</a>
94    </div>
95
96    
96<script>
97    (function() {
98        var hamburger = document.getElementById('hamburger');
99        var menu = document.getElementById('mobile-menu');
100        var backdrop = document.getElementById('mobile-backdrop');
101
102        function closeMenu() {
103            hamburger.classList.remove('open');
104            menu.classList.remove('open');
105            backdrop.classList.remove('open');
106        }
107
108        function toggleMenu() {
109            var isOpen = menu.classList.contains('open');
110            if (isOpen) { closeMenu(); } else {
111                hamburger.classList.add('open');
112                menu.classList.add('open');
113                backdrop.classList.add('open');
114            }
115        }
116
117        hamburger.addEventListener('click', toggleMenu);
118        backdrop.addEventListener('click', closeMenu);
119        menu.querySelectorAll('a').forEach(function(a) {
120            a.addEventListener('click', function() {
121                closeMenu();
122                // Let browser process the hash, then scroll after menu closes
123                var target = document.querySelector(a.getAttribute('href'));
124                if (target) {
125                    setTimeout(function() { target.scrollIntoView({ behavior: 'smooth' }); }, 50);
126                }
127            });
128        });
129    })();
130    </script>
130
131
132    <!-- ── Section 1: Hero ── -->
133    <header class="direct-hero" id="hero">
134        <div class="container direct-hero__container">
135            <div class="direct-hero__copy">
136                <div class="direct-hero__eyebrow">Earn more. Do more.</div>
137                <h1 class="direct-hero__title">
138                    Earn up to <span class="accent">8% APY</span>.<br>
139                    Send what you choose to <span class="green">conservation</span>.
140                </h1>
141                <p class="direct-hero__subtitle">That's 16x what most banks pay. Choose how much of your earnings go to conservation — the rest compounds for you. No lockups, withdraw anytime.</p>
142                <form class="direct-hero__form" id="hero-form">
143                    <input type="email" placeholder="Enter your email address" required inputmode="email">
144                    <button type="submit" class="btn btn-primary">Join Waitlist</button>
145                </form>
146                <div class="direct-hero__trust">
147                    <span><span style="color:#d4a017">&#10022;</span> Withdraw anytime</span>
148                    <span><span style="color:#d4a017">&#10022;</span> Start with $10</span>
149                    <span><span style="color:#d4a017">&#10022;</span> Grow your own jungle</span>
150                </div>
151            </div>
152            <div class="direct-hero__visual">
153                <div class="iphone-mockup" aria-hidden="true">
154                    <div class="iphone-mockup__screen-wrap"></div>
155                    <div class="iphone-mockup__ui cockpit ck-tour" id="hero-tour">
156                        <div class="ck-screens" id="ck-screens">
157
158                            <!-- Screen 1 · Jungle tab -->
159                            <section class="ck-screen ck-screen--jungle" data-tab="jungle">
160                                <div class="ck-inner ckj">
161                                    <div class="ckj-window">
162                                        <canvas id="rive-jungle-tab"></canvas>
163                                    </div>
164                                    <span class="ck-profile ck-profile--face ckj-profile"><img class="ck-memoji" src="assets/memoji-tomas.png?v=20260728tour2" alt=""></span>
165                                    <i class="ckj-island"></i>
166                                    <div class="ckj-sign">
167                                        <i class="ckj-rope ckj-rope--l"></i><i class="ckj-rope ckj-rope--r"></i>
168                                        <span class="ckj-plank">Maya's Jungle</span>
169                                    </div>
170                                    <div class="ckj-pills">
171                                        <span class="ckj-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg><span>Journal</span><i class="ckj-dot"></i></span>
172                                        <span class="ckj-pill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg><span>Community</span><i class="ckj-badge">2</i></span>
173                                    </div>
174                                </div>
175                            </section>
176
177                            <!-- Screen 2 · Home tab (cockpit) -->
178                            <section class="ck-screen ck-screen--home" data-tab="home">
179                                <div class="ck-inner">
180                                    <div class="ck-hero">
181                                        <div class="ck-hero__top">
182                                            <span class="ck-profile ck-profile--face"><img class="ck-memoji" src="assets/memoji-tomas.png?v=20260728tour2" alt=""></span>
183                                        </div>
184                                        <div class="ck-eyebrow">Invested Balance</div>
185                                        <div class="ck-balance" id="lp-balance">$24,812<span class="ck-dec">.40</span></div>
186                                        <div class="ck-earnrow">
187                                            <span class="ck-earnpill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7"/><path d="M7 7h10v10"/></svg><span id="lp-earned">$4,281.63</span> earned all-time</span>
188                                            <span class="ck-apy">6.2% net APY</span>
189                                        </div>
190                                        <div class="ck-split"><span class="ck-split__k"></span><span class="ck-split__g"></span></div>
191                                    </div>
192                                    <div class="ck-jungle">
193                                        <div class="ck-jwin">
194                                            <canvas id="rive-jungle"></canvas>
195                                            <span class="ck-jpill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/><path d="M2 21c0-3 1.85-5.36 5.08-6"/></svg> Maya's Jungle</span>
196                                        </div>
197                                        <div class="ck-jstats">
198                                            <div class="ck-stat ck-stat--lead"><b>$1,240</b><span>sent to conservation</span></div>
199                                            <div class="ck-stat"><b>13 m²</b><span>protected</span></div>
200                                            <div class="ck-stat"><b>Canopy</b><span>stage</span></div>
201                                        </div>
202                                    </div>
203                                    <div class="ck-goal">
204                                        <div class="ck-goal__head">
205                                            <span class="ck-gicon">🎸</span>
206                                            <span class="ck-gmeta"><b>Cool Guitar!</b><span>$862 of $1,000 · $138 to go</span></span>
207                                            <span class="ck-gnext">Next: 100% ›</span>
208                                        </div>
209                                        <div class="ck-gbar"><i class="on"></i><i class="on"></i><i class="on"></i><i class="half"></i></div>
210                                        <div class="ck-gach">
211                                            <span class="ck-aicon">🏆</span>
212                                            <span class="ck-atxt"><b>Big Saver</b> <span class="m">unlocked</span></span>
213                                            <span class="ck-amore">+12 more</span>
214                                            <span class="ck-achev">›</span>
215                                        </div>
216                                    </div>
217                                    <div class="ck-actions">
218                                        <span class="ck-invest"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="M5 12h14"/></svg> Invest</span>
219                                        <span class="ck-withdraw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg></span>
220                                    </div>
221                                </div>
222                            </section>
223
224                            <!-- Screen 3 · Wealth tab -->
225                            <section class="ck-screen ck-screen--wealth" data-tab="wealth">
226                                <div class="ck-inner ckw">
227                                    <div class="ckw-hero">
228                                        <div class="ckw-top">
229                                            <span class="ck-profile ck-profile--face"><img class="ck-memoji" src="assets/memoji-tomas.png?v=20260728tour2" alt=""></span>
230                                            <span class="ckw-title">Wealth</span>
231                                            <span class="ckw-spacer"></span>
232                                        </div>
233                                        <div class="ckw-goalrow">
234                                            <span class="ckw-ring">
235                                                <svg viewBox="0 0 48 48">
236                                                    <circle class="t" cx="24" cy="24" r="20"/>
237                                                    <circle class="p" cx="24" cy="24" r="20" pathLength="100" transform="rotate(-90 24 24)"/>
238                                                </svg>
239                                                <i>🎸</i>
240                                            </span>
241                                            <span class="ckw-goalmeta">
242                                                <span class="ckw-eyebrow">Saved so far</span>
243                                                <b class="ckw-amount">$24,812<span class="ck-dec">.40</span></b>
244                                                <span class="ckw-pace"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg> Cool Guitar! · $862 of $1,000</span>
245                                            </span>
246                                        </div>
247                                        <div class="ckw-actions">
248                                            <span class="ckw-invest"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="M5 12h14"/></svg> Invest</span>
249                                            <span class="ckw-withdraw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg></span>
250                                        </div>
251                                    </div>
252                                    <div class="ckw-card ckw-chartcard">
253                                        <div class="ckw-chart__head">
254                                            <span class="ckw-chart__meta">
255                                                <i>In 5 years you'll have</i>
256                                                <b>$40,532</b>
257                                                <span class="ckw-whisper">+$9,720 from yield alone</span>
258                                            </span>
259                                            <span class="ckw-horizons"><i>1Y</i><i class="on">5Y</i><i>10Y</i></span>
260                                        </div>
261                                        <div class="ckw-chart">
262                                            <svg viewBox="0 0 236 92" preserveAspectRatio="none">
263                                                <defs>
264                                                    <linearGradient id="ckw-areafill" x1="0" y1="0" x2="0" y2="1">
265                                                        <stop offset="0" stop-color="#5B73ED" stop-opacity=".30"/>
266                                                        <stop offset="1" stop-color="#5B73ED" stop-opacity="0"/>
267                                                    </linearGradient>
268                                                </defs>
269                                                <line class="ckw-goal-line" x1="6" y1="26" x2="230" y2="26"/>
270                                                <path class="ckw-area" d="M6 84 C64 80 118 68 156 50 C186 36 212 24 230 14 L230 92 L6 92 Z" fill="url(#ckw-areafill)"/>
271                                                <path class="ckw-line" d="M6 84 C64 80 118 68 156 50 C186 36 212 24 230 14"/>
272                                                <circle class="ckw-dot" cx="230" cy="14" r="3.4"/>
273                                            </svg>
274                                            <span class="ckw-chip">$40,532</span>
275                                            <span class="ckw-goalchip">🎯 $30k goal</span>
276                                        </div>
277                                        <div class="ckw-axis"><span>Now</span><span>1Y</span><span>2Y</span><span>3Y</span><span>4Y</span><span>5Y</span></div>
278                                        <div class="ckw-plan"><span>$100 monthly · 6.2% net APY</span><b>Adjust</b></div>
279                                    </div>
280                                    <div class="ckw-tiles">
281                                        <div class="ckw-tile"><span>Earned all-time</span><b class="ckw-pos">+$4,281.63</b><i>since day one</i></div>
282                                        <div class="ckw-tile"><span>Net APY</span><b>6.2%</b><i>30-day average</i></div>
283                                    </div>
284                                    <div class="ckw-card ckw-pledge">
285                                        <span class="ckw-picon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m12 3 2.7 5.8 6.3.7-4.7 4.3 1.3 6.2-5.6-3.2-5.6 3.2 1.3-6.2L3 9.5l6.3-.7Z"/></svg></span>
286                                        <span class="ckw-pmeta"><b>Pledge — set a rule for future you</b><span>Lock your balance for a duration you choose</span></span>
287                                        <span class="ckw-pbtn">Make one</span>
288                                    </div>
289                                    <div class="ckw-achpeek">
290                                        <div class="ckw-ach__head"><span>Achievements</span><i class="ckw-ach__badge">3</i><b>13 of 24</b></div>
291                                        <div class="ckw-ach__grid">
292                                            <div class="ckw-atile">
293                                                <span class="ckw-aicn"><svg viewBox="0 0 24 24" fill="currentColor"><rect x="2" y="6" width="20" height="12" rx="2.5"/><circle cx="12" cy="12" r="3.2" fill="#fff" opacity=".9"/></svg></span>
294                                                <b>$10k Saver</b>
295                                                <span>You crossed $10,000 invested.</span>
296                                            </div>
297                                            <div class="ckw-atile">
298                                                <span class="ckw-aicn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/></svg></span>
299                                                <b>First Yield</b>
300                                                <span>Your money just earned its first money.</span>
301                                            </div>
302                                            <div class="ckw-atile is-locked">
303                                                <i class="ckw-alock"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5Zm-3 8V7a3 3 0 1 1 6 0v3Z"/></svg></i>
304                                                <span class="ckw-aicn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M2.5 18.5h19l1.7-10-5.9 3.7L12 5.6l-5.3 6.6-5.9-3.7Z"/></svg></span>
305                                                <b>$50k Saver</b>
306                                                <span>$25,188 to go</span>
307                                                <i class="ckw-abar"><i style="width:50%"></i></i>
308                                            </div>
309                                            <div class="ckw-atile is-locked">
310                                                <i class="ckw-alock"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2a5 5 0 0 0-5 5v3H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8a2 2 0 0 0-2-2h-1V7a5 5 0 0 0-5-5Zm-3 8V7a3 3 0 1 1 6 0v3Z"/></svg></i>
311                                                <span class="ckw-aicn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><circle cx="12" cy="12" r="9.5"/><path d="M12 6.5v11M14.8 8.8c-.6-1-1.6-1.4-2.8-1.4-1.5 0-2.7.8-2.7 2.2 0 2.9 5.4 1.6 5.4 4.5 0 1.4-1.2 2.3-2.7 2.3-1.3 0-2.4-.6-3-1.6" stroke-linecap="round" fill="none"/></svg></span>
312                                                <b>$10k Earned</b>
313                                                <span>$5,718 to go</span>
314                                                <i class="ckw-abar"><i style="width:43%"></i></i>
315                                            </div>
316                                        </div>
317                                        <div class="ckw-ach__more">Show all 24</div>
318                                    </div>
319                                </div>
320                            </section>
321                        </div>
322
323                        <div class="ck-tabs" id="ck-tabs">
324                            <i class="ck-tabs__pill" id="ck-tabs-pill"></i>
325                            <span class="ck-tab" data-tab="jungle"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M2 21c0-3 1.85-5.36 5.08-6"/></svg><span>Jungle</span></span>
326                            <span class="ck-tab ck-tab--active" data-tab="home"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M11.4 2.9a1 1 0 0 1 1.2 0l8.6 6.6c.5.4.8 1 .8 1.6V20a2 2 0 0 1-2 2h-4.1a.9.9 0 0 1-.9-.9v-4.3a3 3 0 0 0-6 0v4.3a.9.9 0 0 1-.9.9H4a2 2 0 0 1-2-2v-8.9c0-.6.3-1.2.8-1.6l8.6-6.6Z"/></svg><span>Home</span></span>
327                            <span class="ck-tab" data-tab="wealth"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 3.5v16c0 .55.45 1 1 1h16"/><path d="m7 15.5 3.6-4.2 3 2.6 5-5.9"/><path d="M14.5 8h4.1v4.1"/></svg><span>Wealth</span></span>
328                        </div>
329                    </div>
330                    <picture>
331                        <source srcset="assets/optimized/iphone17-black-frame.webp?v=20260405pg1" type="image/webp">
332                        <img src="img/iphone17-black-frame.png?v=20260405pg1" alt="" class="iphone-mockup__frame" draggable="false" decoding="async">
333                    </picture>
334                </div>
335            </div>
336        </div>
337    </header>
338
339    <!-- ── Section 2: How It Works ── -->
340    <section class="how-section" id="how-it-works">
341        <div class="container">
342            <div class="section-header">
343                <h2>Three steps. That's it.</h2>
344            </div>
345
346            <div class="how-layout">
347                <!-- Steps column -->
348                <div class="how-steps">
349                    <div class="how-step how-step--active" data-step="1">
350                        <div class="how-step__number">1</div>
351                        <div class="how-step__body">
352                            <h3>Deposit</h3>
353                            <p>Start with as little as $10. Fund your account via bank transfer, Apple Pay, or card and start earning immediately.</p>
354                        </div>
355                    </div>
356                    <div class="how-step" data-step="2">
357                        <div class="how-step__number">2</div>
358                        <div class="how-step__body">
359                            <h3>Split your yield</h3>
360                            <p>Set how much of your yield goes toward your own goals like a holiday, rent, or new kicks and how much goes to verified conservation partners. Adjust anytime.</p>
361                        </div>
362                    </div>
363                    <div class="how-step" data-step="3">
364                        <div class="how-step__number">3</div>
365                        <div class="how-step__body">
366                            <h3>Watch it grow</h3>
367                            <p>Your money compounds. Your impact grows. And your digital jungle comes alive, unlocking new species and habitats as you go.</p>
368                        </div>
369                    </div>
370                </div>
371
372                <!-- iPhone mockup with Rive jungle -->
373                <div class="how-phone">
374                    <div class="iphone-mockup" aria-hidden="true">
375                        <div class="iphone-mockup__screen-wrap"></div>
376                        <div class="iphone-mockup__ui cockpit">
377                            <div class="ck-hero">
378                                <div class="ck-hero__top">
379                                    <span class="ck-profile ck-profile--face"><img class="ck-memoji" src="assets/memoji-tomas.png?v=20260728tour2" alt=""></span>
380                                </div>
381                                <div class="ck-eyebrow">Invested Balance</div>
382                                <div class="ck-balance" id="how-balance">$5,000<span class="ck-dec">.00</span></div>
383                                <div class="ck-earnrow">
384                                    <span class="ck-earnpill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7"/><path d="M7 7h10v10"/></svg><span id="how-earned">$0.00</span> earned all-time</span>
385                                    <span class="ck-apy">6.2% net APY</span>
386                                </div>
387                                <div class="ck-split"><span class="ck-split__k"></span><span class="ck-split__g"></span></div>
388                            </div>
389                            <div class="ck-jungle">
390                                <div class="ck-jwin">
391                                    <canvas id="rive-how"></canvas>
392                                    <span class="ck-jpill"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/><path d="M2 21c0-3 1.85-5.36 5.08-6"/></svg> Maya's Jungle</span>
393                                </div>
394                                <div class="ck-jstats">
395                                    <div class="ck-stat ck-stat--lead"><b id="how-conservation">$0.00</b><span>sent to conservation</span></div>
396                                    <div class="ck-stat"><b id="how-protected">0 m²</b><span>protected</span></div>
397                                    <div class="ck-stat"><b id="how-stage">Clearing</b><span>stage</span></div>
398                                </div>
399                            </div>
400                            <div class="ck-goal">
401                                <div class="ck-goal__head">
402                                    <span class="ck-gicon">🎸</span>
403                                    <span class="ck-gmeta"><b>Cool Guitar!</b><span id="how-goal">$0 of $1,000 · $1,000 to go</span></span>
404                                    <span class="ck-gnext" id="how-goalnext">Next: 25% ›</span>
405                                </div>
406                                <div class="ck-gbar" id="how-gbar"><i></i><i></i><i></i><i></i></div>
407                                <div class="ck-gach">
408                                    <span class="ck-aicon" id="how-aicon">🌱</span>
409                                    <span class="ck-atxt" id="how-ach"><b>First Deposit</b> <span class="m">unlocked</span></span>
410                                    <span class="ck-amore" id="how-achmore">+2 more</span>
411                                    <span class="ck-achev">›</span>
412                                </div>
413                            </div>
414                            <div class="ck-actions">
415                                <span class="ck-invest"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="M5 12h14"/></svg> Invest</span>
416                                <span class="ck-withdraw"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14"/><path d="m19 12-7 7-7-7"/></svg></span>
417                            </div>
418                            <div class="ck-tabs">
419                                <span class="ck-tab"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/><path fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" d="M2 21c0-3 1.85-5.36 5.08-6"/></svg><span>Jungle</span></span>
420                                <span class="ck-tab ck-tab--active"><svg viewBox="0 0 24 24"><path fill="currentColor" d="M11.4 2.9a1 1 0 0 1 1.2 0l8.6 6.6c.5.4.8 1 .8 1.6V20a2 2 0 0 1-2 2h-4.1a.9.9 0 0 1-.9-.9v-4.3a3 3 0 0 0-6 0v4.3a.9.9 0 0 1-.9.9H4a2 2 0 0 1-2-2v-8.9c0-.6.3-1.2.8-1.6l8.6-6.6Z"/></svg><span>Home</span></span>
421                                <span class="ck-tab"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3.5 3.5v16c0 .55.45 1 1 1h16"/><path d="m7 15.5 3.6-4.2 3 2.6 5-5.9"/><path d="M14.5 8h4.1v4.1"/></svg><span>Wealth</span></span>
422                            </div>
423                        </div>
424                        <picture>
425                            <source srcset="assets/optimized/iphone17-black-frame.webp?v=20260405pg1" type="image/webp">
426                            <img src="img/iphone17-black-frame.png?v=20260405pg1" alt="" class="iphone-mockup__frame" draggable="false" loading="lazy" decoding="async">
427                        </picture>
428                    </div>
429                </div>
430            </div>
431
432        </div>
433    </section>
434
435    <!-- ── Section 3: Bank vs Nammu Calculator ── -->
436    <section class="calculator-section" id="calculator">
437        <div class="container">
438            <div class="section-header">
439                <h2>See what your funds could do.</h2>
440                <p>Same money. Two very different outcomes.</p>
441            </div>
442            <div class="calc-card">
443                <div class="calc-input-row">
444                    <span class="calc-label">I have</span>
445                    <div class="calc-input-wrap">
446                        <span class="calc-currency">$</span>
447                        <input type="text" id="calc-amount" value="4,200" inputmode="numeric">
448                    </div>
449                    <span class="calc-label">for</span>
450                    <div class="calc-time-btns" id="calc-time-btns">
451                        <button type="button" class="calc-time-btn" data-years="1">1 yr</button>
452                        <button type="button" class="calc-time-btn active" data-years="3">3 yr</button>
453                        <button type="button" class="calc-time-btn" data-years="5">5 yr</button>
454                    </div>
455                </div>
456
457                <!-- Animated yield projection (Aave-style) -->
458                <div class="calc-viz calc-viz--pre" id="calc-viz">
459                    <div class="calc-viz__head">
460                        <div class="calc-viz__eyebrow">In <span id="viz-years">3 years</span> you could have</div>
461                        <div class="calc-viz__total" id="viz-total">$4,745</div>
462                        <div class="calc-viz__chips">
463                            <span class="calc-viz__chip calc-viz__chip--earn"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M7 17 17 7"/><path d="M7 7h10v10"/></svg><b id="viz-earn">+$545</b> yield for you</span>
464                            <span class="calc-viz__chip calc-viz__chip--green"><svg class="viz-leaf" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/><path d="M2 21c0-3 1.85-5.36 5.08-6"/></svg><b id="viz-donate">$545</b> to the rainforest</span>
465                        </div>
466                    </div>
467                    <div class="calc-viz__chart" id="viz-chart" aria-hidden="true">
468                        <div class="calc-viz__bank" id="viz-bank"><span id="viz-bank-label">Your bank · $63 yield</span></div>
469                    </div>
470                    <div class="calc-viz__axis"><span>Today</span><span id="viz-axis-end">3 years</span></div>
471                </div>
472
473                <div class="calc-compare">
474                    <div class="calc-side calc-nammu">
475                        <div class="calc-side-tag calc-side-tag--nammu">
476                            <img src="assets/brand/logo-on-electric-horizon-row1.png?v=20260405pg1" alt="" class="calc-brand-logo" loading="lazy" decoding="async">
477                            <span class="calc-brand-name">Nammu</span>
478                        </div>
479                        <div class="calc-line">
480                            <span>You earn</span>
481                            <strong id="nammu-earned" class="calc-accent">$397</strong>
482                        </div>
483                        <div class="calc-divider"></div>
484                        <div class="calc-line">
485                            <span>Land protected</span>
486                            <strong id="nammu-land" class="calc-green">1.2 ha</strong>
487                        </div>
488                        <div class="calc-line">
489                            <span>Wildlife sustained</span>
490                            <strong id="nammu-species" class="calc-green">300+ species</strong>
491                        </div>
492                        <div class="calc-line">
493                            <span>Clean water for</span>
494                            <strong id="nammu-families" class="calc-green">78 people</strong>
495                        </div>
496                        <div class="calc-divider"></div>
497                        <div class="calc-line calc-line--total">
498                            <span>Total balance</span>
499                            <strong id="nammu-total" class="calc-accent">$4,597</strong>
500                        </div>
501                    </div>
502                    <div class="calc-side calc-bank">
503                        <div class="calc-side-tag calc-side-tag--bank">
504                            <ion-icon name="business-outline" class="calc-bank-icon"></ion-icon>
505                            <span>Your bank</span>
506                        </div>
507                        <div class="calc-line">
508                            <span>You earn</span>
509                            <strong id="bank-earned" class="calc-dim">$63</strong>
510                        </div>
511                        <div class="calc-divider"></div>
512                        <div class="calc-line">
513                            <span>Land protected</span>
514                            <strong class="calc-dim">0 impact</strong>
515                        </div>
516                        <div class="calc-line">
517                            <span>Wildlife sustained</span>
518                            <strong class="calc-dim">0 impact</strong>
519                        </div>
520                        <div class="calc-line">
521                            <span>Clean water for</span>
522                            <strong class="calc-dim">0 impact</strong>
523                        </div>
524                        <div class="calc-divider"></div>
525                        <div class="calc-line calc-line--total">
526                            <span>Total balance</span>
527                            <strong id="bank-total" class="calc-dim">$4,263</strong>
528                        </div>
529                    </div>
530                </div>
531
532                <!-- Yield split slider -->
533                <div class="yield-split">
534                    <div class="yield-split__header">
535                        <div class="yield-split__side yield-split__side--earn">
536                            <ion-icon name="wallet-outline"></ion-icon>
537                            <div>
538                                <span class="yield-split__label">You Keep</span>
539                                <span class="yield-split__pct" id="split-earn-pct">50%</span>
540                            </div>
541                        </div>
542                        <div class="yield-split__side yield-split__side--donate">
543                            <div>
544                                <span class="yield-split__label">You Donate</span>
545                                <span class="yield-split__pct" id="split-donate-pct">50%</span>
546                            </div>
547                            <ion-icon name="leaf-outline"></ion-icon>
548                        </div>
549                    </div>
550                    <div class="yield-split__bar" id="split-bar">
551                        <div class="yield-split__fill" id="split-fill"></div>
552                        <div class="yield-split__knob" id="split-knob"></div>
553                    </div>
554                    <div class="yield-split__ends">
555                        <span>All to you</span>
556                        <span>All to impact</span>
557                    </div>
558                </div>
559            </div>
560            <div style="text-align: center; margin-top: 24px;">
561                <a href="how-it-works.html" style="font-size: 0.9rem; color: var(--color-primary); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; padding: 14px 0; display: inline-block;">See exactly where the yield comes from</a>
562            </div>
563        </div>
564    </section>
565
566    <!-- ── Section 4: Impact Carousel ── -->
567    <section class="impact" id="impact">
568        <div class="impact-header">
569            <div class="impact-label">Where your rewards go</div>
570            <h2>Real forests. Real communities. Real impact.</h2>
571            <p>Your rewards fund conservation partners protecting the world's most critical ecosystems — from the Amazon to Borneo.</p>
572        </div>
573
574        <div class="impact-carousel-wrapper">
575            <div class="impact-carousel">
576                <a href="https://www.rainforesttrust.org/our-impact/global-scope/" target="_blank" rel="noopener" class="impact-card">
577                    <img src="https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?w=800&q=85&auto=format" alt="Amazon rainforest aerial" loading="lazy" decoding="async">
578                    <div class="impact-card__content">
579                        <div class="impact-card__tag">Amazon Basin</div>
580                        <div class="impact-card__title">60 million acres protected</div>
581                        <div class="impact-card__desc">Working with indigenous communities to preserve critical rainforest corridors in Brazil and Peru.</div>
582                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Trust</div>
583                    </div>
584                </a>
585                <a href="https://rainforestfoundation.org/our-work/what-we-do/rainforest-alert/" target="_blank" rel="noopener" class="impact-card">
586                    <img src="https://images.unsplash.com/photo-1540573133985-87b6da6d54a9?w=800&q=85&auto=format" alt="Orangutan in Borneo" loading="lazy" decoding="async">
587                    <div class="impact-card__content">
588                        <div class="impact-card__tag">Borneo</div>
589                        <div class="impact-card__title">Protecting orangutan habitats</div>
590                        <div class="impact-card__desc">Satellite monitoring and drone patrols guarding the last remaining strongholds of wild orangutans.</div>
591                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Foundation</div>
592                    </div>
593                </a>
594                <a href="https://www.rainforestpartnership.org/our-approach" target="_blank" rel="noopener" class="impact-card">
595                    <img src="https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=800&q=85&auto=format" alt="Misty forest canopy" loading="lazy" decoding="async">
596                    <div class="impact-card__content">
597                        <div class="impact-card__tag">Community Economics</div>
598                        <div class="impact-card__title">Finance that grows forests</div>
599                        <div class="impact-card__desc">Partnering with local economies so conservation pays better than deforestation. Sustainable livelihoods for 12,000+ families.</div>
600                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Partnership</div>
601                    </div>
602                </a>
603                <a href="https://amazonwatch.org/work/secure-indigenous-land-rights" target="_blank" rel="noopener" class="impact-card">
604                    <img src="https://images.unsplash.com/photo-1448375240586-882707db888b?w=800&q=85&auto=format" alt="Forest path" loading="lazy" decoding="async">
605                    <div class="impact-card__content">
606                        <div class="impact-card__tag">Indigenous Rights</div>
607                        <div class="impact-card__title">Defending ancestral territories</div>
608                        <div class="impact-card__desc">Legal advocacy and tech tools empowering indigenous peoples to protect their lands from illegal extraction.</div>
609                        <div class="impact-card__stat"><span class="dot"></span> Amazon Watch</div>
610                    </div>
611                </a>
612                <a href="https://www.rainforesttrust.org/species/" target="_blank" rel="noopener" class="impact-card">
613                    <img src="https://images.unsplash.com/photo-1497752531616-c3afd9760a11?w=800&q=85&auto=format" alt="Sloth in rainforest" loading="lazy" decoding="async">
614                    <div class="impact-card__content">
615                        <div class="impact-card__tag">Biodiversity</div>
616                        <div class="impact-card__title">10,000+ species sheltered</div>
617                        <div class="impact-card__desc">From sloths to scarlet macaws — every acre protected is a world of life preserved.</div>
618                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Trust</div>
619                    </div>
620                </a>
621                <a href="https://www.rainforestpartnership.org/projects/women-of-the-rio-napo" target="_blank" rel="noopener" class="impact-card">
622                    <img src="https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?w=800&q=85&auto=format" alt="Hands planting seedling" loading="lazy" decoding="async">
623                    <div class="impact-card__content">
624                        <div class="impact-card__tag">Women & Girls</div>
625                        <div class="impact-card__title">Women-led conservation</div>
626                        <div class="impact-card__desc">Education and economic programs ensuring women lead the transition to sustainable forest economies.</div>
627                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Partnership</div>
628                    </div>
629                </a>
630                <!-- Duplicate set for seamless infinite loop -->
631                <a href="https://www.rainforesttrust.org/our-impact/global-scope/" target="_blank" rel="noopener" class="impact-card">
632                    <img src="https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?w=800&q=85&auto=format" alt="Amazon rainforest aerial" loading="lazy" decoding="async">
633                    <div class="impact-card__content">
634                        <div class="impact-card__tag">Amazon Basin</div>
635                        <div class="impact-card__title">60 million acres protected</div>
636                        <div class="impact-card__desc">Working with indigenous communities to preserve critical rainforest corri
636dors in Brazil and Peru.</div>
637                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Trust</div>
638                    </div>
639                </a>
640                <a href="https://rainforestfoundation.org/our-work/what-we-do/rainforest-alert/" target="_blank" rel="noopener" class="impact-card">
641                    <img src="https://images.unsplash.com/photo-1540573133985-87b6da6d54a9?w=800&q=85&auto=format" alt="Orangutan in Borneo" loading="lazy" decoding="async">
642                    <div class="impact-card__content">
643                        <div class="impact-card__tag">Borneo</div>
644                        <div class="impact-card__title">Protecting orangutan habitats</div>
645                        <div class="impact-card__desc">Satellite monitoring and drone patrols guarding the last remaining strongholds of wild orangutans.</div>
646                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Foundation</div>
647                    </div>
648                </a>
649                <a href="https://www.rainforestpartnership.org/our-approach" target="_blank" rel="noopener" class="impact-card">
650                    <img src="https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=800&q=85&auto=format" alt="Misty forest canopy" loading="lazy" decoding="async">
651                    <div class="impact-card__content">
652                        <div class="impact-card__tag">Community Economics</div>
653                        <div class="impact-card__title">Finance that grows forests</div>
654                        <div class="impact-card__desc">Partnering with local economies so conservation pays better than deforestation. Sustainable livelihoods for 12,000+ families.</div>
655                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Partnership</div>
656                    </div>
657                </a>
658                <a href="https://amazonwatch.org/work/secure-indigenous-land-rights" target="_blank" rel="noopener" class="impact-card">
659                    <img src="https://images.unsplash.com/photo-1448375240586-882707db888b?w=800&q=85&auto=format" alt="Forest path" loading="lazy" decoding="async">
660                    <div class="impact-card__content">
661                        <div class="impact-card__tag">Indigenous Rights</div>
662                        <div class="impact-card__title">Defending ancestral territories</div>
663                        <div class="impact-card__desc">Legal advocacy and tech tools empowering indigenous peoples to protect their lands from illegal extraction.</div>
664                        <div class="impact-card__stat"><span class="dot"></span> Amazon Watch</div>
665                    </div>
666                </a>
667                <a href="https://www.rainforesttrust.org/species/" target="_blank" rel="noopener" class="impact-card">
668                    <img src="https://images.unsplash.com/photo-1497752531616-c3afd9760a11?w=800&q=85&auto=format" alt="Sloth in rainforest" loading="lazy" decoding="async">
669                    <div class="impact-card__content">
670                        <div class="impact-card__tag">Biodiversity</div>
671                        <div class="impact-card__title">10,000+ species sheltered</div>
672                        <div class="impact-card__desc">From sloths to scarlet macaws — every acre protected is a world of life preserved.</div>
673                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Trust</div>
674                    </div>
675                </a>
676                <a href="https://www.rainforestpartnership.org/projects/women-of-the-rio-napo" target="_blank" rel="noopener" class="impact-card">
677                    <img src="https://images.unsplash.com/photo-1542601906990-b4d3fb778b09?w=800&q=85&auto=format" alt="Hands planting seedling" loading="lazy" decoding="async">
678                    <div class="impact-card__content">
679                        <div class="impact-card__tag">Women & Girls</div>
680                        <div class="impact-card__title">Women-led conservation</div>
681                        <div class="impact-card__desc">Education and economic programs ensuring women lead the transition to sustainable forest economies.</div>
682                        <div class="impact-card__stat"><span class="dot"></span> Rainforest Partnership</div>
683                    </div>
684                </a>
685            </div>
686        </div>
687
688        <div class="impact-partners">
689            <span>Conservation partners</span>
690            <a href="https://rainforestfoundation.org" target="_blank" rel="noopener" class="partner-name">Rainforest Foundation US</a>
691            <a href="https://www.rainforesttrust.org" target="_blank" rel="noopener" class="partner-name">Rainforest Trust</a>
692            <a href="https://rainforestpartnership.org" target="_blank" rel="noopener" class="partner-name">Rainforest Partnership</a>
693        </div>
694    </section>
695
696    <!-- ── Section 6: FAQ ── -->
697    <section class="direct-trust" id="faq">
698        <div class="container">
699            <div style="text-align:center;margin-bottom:40px;">
700                <div class="direct-hiw__label">By the numbers</div>
701                <h2>What's behind the yield</h2>
702            </div>
703
704            <div class="direct-trust__stats">
705                <div class="direct-trust__stat">
706                    <div class="direct-trust__stat-number">$3.7B+</div>
707                    <div class="direct-trust__stat-label">Total funds managed<br>in the lending market</div>
708                    <a href="https://defillama.com/protocol/morpho" target="_blank" rel="noopener">Live data</a>
709                </div>
710                <div class="direct-trust__stat">
711                    <div class="direct-trust__stat-number">25</div>
712                    <div class="direct-trust__stat-label">Independent security<br>reviews completed</div>
713                    <a href="https://docs.morpho.org/get-started/resources/audits/" target="_blank" rel="noopener">Audit list</a>
714                </div>
715                <div class="direct-trust__stat">
716                    <div class="direct-trust__stat-number">Monthly</div>
717                    <div class="direct-trust__stat-label">Reserve verification<br>by Deloitte & Touche</div>
718                    <a href="https://www.circle.com/transparency" target="_blank" rel="noopener">View reports</a>
719                </div>
720            </div>
721
722            <div class="direct-faq">
723                <div class="direct-hiw__label" style="margin-bottom:16px;">Questions we'd ask if we were you</div>
724
725                <details class="direct-faq__item">
726                    <summary>Can I lose money?</summary>
727                    <div class="direct-faq__answer">Yes. While the lending market has strong protections (over-secured loans, automated liquidation, 25 security audits), no financial product is risk-free. Potential risks include vulnerabilities in the lending infrastructure, temporary instability of the digital dollars, and general market conditions. Never add money you can't afford to lose.</div>
728                </details>
729                <details class="direct-faq__item">
730                    <summary>Why are the rates higher than my bank?</summary>
731                    <div class="direct-faq__answer">Banks earn significant returns lending your money out but pass very little back to you (the FDIC national average is under 0.4%). Nammu's lending market eliminates the middleman, so more of the rewards flow back to you.</div>
732                </details>
733                <details class="direct-faq__item">
734                    <summary>How is this different from a high-yield savings account?</summary>
735                    <div class="direct-faq__answer">A traditional HYSA is offered by an FDIC-insured bank. Nammu is not a bank and your funds are not FDIC insured. Nammu's lending market typically offers higher reward rates because there's no bank intermediary taking a cut. The trade-off: higher potential rewards, but without government-backed insurance.</div>
736                </details>
737                <details class="direct-faq__item">
738                    <summary>Why not just put my money in an S&P 500 index fund?</summary>
739                    <div class="direct-faq__answer">An S&P 500 fund is a great long-term investment, but it's a different tool. Index funds are volatile: the S&P dropped 19% in 2022 and has had multiple drawdowns over 30%. Your money is locked into market swings and you typically can't touch it without tax consequences or penalties. Nammu's yield comes from a lending market, not equity prices, so your balance doesn't swing with the stock market. You can withdraw anytime, there are no lockups, and you start earning from day one. Think of it less as an alternative to investing and more as a better place for money you want to keep liquid (an emergency fund, a savings goal, money between investments) while still earning meaningfully more than a bank.</div>
740                </details>
741                <details class="direct-faq__item">
742                    <summary>
742Is Nammu a bank? Are my funds FDIC insured?</summary>
743                    <div class="direct-faq__answer">No. Nammu is a technology platform, not a bank. Your funds are not FDIC insured or government-guaranteed. Reward rates are variable, not guaranteed. Like any financial product, there is risk involved, including potential loss of principal. We believe transparency about risk is more protective than false assurances of safety.</div>
744                </details>
745                <details class="direct-faq__item">
746                    <summary>How quickly can I withdraw?</summary>
747                    <div class="direct-faq__answer">Withdrawals are processed on our end within minutes. How quickly the funds appear in your bank account depends on your bank, typically 1-2 business days. No penalties, no lockups.</div>
748                </details>
749                <details class="direct-faq__item">
750                    <summary>What's the minimum to get started?</summary>
751                    <div class="direct-faq__answer">$10.</div>
752                </details>
753                <details class="direct-faq__item">
754                    <summary>What happens if a borrower can't repay?</summary>
755                    <div class="direct-faq__answer">Borrowers must put up more than they borrow as security. If the value drops below a safe threshold, it's automatically sold to repay the loan. This process is handled by automated rules that execute instantly. No human delay or judgment calls.</div>
756                </details>
757                <details class="direct-faq__item">
758                    <summary>How does Nammu make money?</summary>
759                    <div class="direct-faq__answer">Nammu takes a small percentage of the rewards generated by the lending market. Our fee is transparent and visible in your account at all times.</div>
760                </details>
761                <details class="direct-faq__item">
762                    <summary>Do I have to donate to conservation?</summary>
763                    <div class="direct-faq__answer">No. You can set your donation split to 0% and keep all your rewards. The conservation feature is entirely optional.</div>
764                </details>
765                <details class="direct-faq__item">
766                    <summary>Is the conservation impact actually real or just marketing?</summary>
767                    <div class="direct-faq__answer">Every donation is routed through Endaoment, a registered 501(c)(3) nonprofit, and recorded on a public ledger. You get a verifiable receipt you can look up anytime. Our conservation partners (Rainforest Trust, Rainforest Foundation US, Rainforest Partnership) have a combined track record of over 100 million acres protected, score 100/100 on Charity Navigator, and publish audited financials. We don't touch the donation funds. They go directly from the protocol to the nonprofit to the partner.</div>
768                </details>
769                <details class="direct-faq__item">
770                    <summary>How much of my donation actually reaches the rainforest?</summary>
771                    <div class="direct-faq__answer">Endaoment charges a maximum processing fee of 1.5%. After that, our partners are among the highest-rated conservation organizations in the world. <a href="https://www.charitynavigator.org/ein/943169480" target="_blank" rel="noopener">Rainforest Trust</a> and <a href="https://www.charitynavigator.org/ein/133500609" target="_blank" rel="noopener">Rainforest Foundation US</a> both score 100/100 on Charity Navigator, meaning the vast majority of funds go directly to programs. <a href="https://www.charitynavigator.org/ein/264191915" target="_blank" rel="noopener">Rainforest Partnership</a> scores 87/100. As a baseline, we estimate over 95 cents of every dollar you donate reaches conservation work on the ground. Exact allocations vary by partner and project, and each publishes detailed financial reports you can verify at the links above.</div>
772                </details>
773                <details class="direct-faq__item">
774                    <summary>Who picks the conservation partners?</summary>
775                    <div class="direct-faq__answer">We do, and we're selective. We only work with organizations that have a proven track record, independent financial audits, and measurable impact per dollar. Our current partners have collectively protected over 100 million acres of rainforest across 62+ countries and have been operating for decades. We chose them because they get the most done with every dollar, not because they have the biggest marketing budget.</div>
776                </details>
777            </div>
778
779            <details class="direct-tech">
780                <summary>Under the hood: technical details</summary>
781                <div class="direct-tech__body">
782                    <h4>Digital dollars</h4>
783                    <p>Your funds are held as USDC, a regulated digital dollar issued by Circle. USDC is backed 1:1 by cash and short-term US Treasury bills, with reserves attested monthly by Deloitte. USDC has over $60 billion in circulation and is trusted by Visa, Stripe, and PayPal.</p>
784                    <h4>Lending market</h4>
785                    <p>
785Funds earn rewards through Morpho Protocol, an over-collateralized lending market operating on the Base network (built by Coinbase). Morpho has undergone 25 security audits by firms including Spearbit, Trail of Bits, and Cantina. The protocol manages over $3.7 billion in total funds.</p>
786                    <h4>Conservation donations</h4>
787                    <p>Donations are routed through Endaoment, a 501(c)(3) nonprofit that processes charitable giving via smart contracts on the Base network. Every donation is recorded on-chain with a verifiable receipt. Endaoment's maximum fee is 1.5%.</p>
788                    <div class="direct-tech__links">
789                        <a href="https://www.circle.com/transparency" target="_blank" rel="noopener">USDC Reserve Attestation (Deloitte)</a>
790                        <a href="https://docs.morpho.org/get-started/resources/audits/" target="_blank" rel="noopener">Morpho Protocol Audits</a>
791                        <a href="https://app.endaoment.org" target="_blank" rel="noopener">Endaoment Smart Contracts</a>
792                        <a href="https://www.charitynavigator.org/ein/133500609" target="_blank" rel="noopener">Conservation Partner Financials</a>
793                    </div>
794                </div>
795            </details>
796
797            <div class="direct-disclosure">
798                <strong>Important disclosure:</strong> Nammu is a technology platform, not a bank. Your funds are not bank deposits and are not insured by the FDIC or any government agency. Rewards are variable, not guaranteed, and you may lose some or all of your funds. USDC is a digital stablecoin, not US dollars held in a bank. Past reward rates are not indicative of future rates. Nammu is not a registered investment adviser or broker-dealer.
799            </div>
800        </div>
801    </section>
802
803    <!-- ── Section 7: Final CTA ── -->
804    <section class="direct-cta" id="waitlist">
805        <div class="container">
806            <h2>Ready to make your money work harder?</h2>
807            <p class="direct-cta__subtitle">Join the waitlist. Be the first to earn up to 8% APY while funding real conservation.</p>
808            <form class="direct-cta__form" id="cta-form">
809                <input type="email" placeholder="Enter your email address" required inputmode="email">
810                <button type="submit" class="btn btn-primary">Join Waitlist</button>
811            </form>
812            <div class="direct-cta__contact">Questions? <a href="/cdn-cgi/l/email-protection#7b12151d143b151a16160e551d12151a15181e"><span class="__cf_email__" data-cfemail="5e373038311e303f33332b703837303f303d3b">[email&#160;protected]</span></a> — a human will reply.</div>
813        </div>
814    </section>
815
816    <!-- ── Footer ── -->
817    <footer>
818        <div class="container footer-content">
819            <div class="footer-logo">Nammu</div>
820            <div class="footer-links">
821                <a href="privacy.html">Privacy</a>
822                <a href="terms.html">Terms</a>
823                <a href="how-it-works.html">How It Works</a>
824                <a href="/cdn-cgi/l/email-protection#9ff6f1f9f0dff1fef2f2eab1f9f6f1fef1fcfa">Contact</a>
825            </div>
826            <div class="footer-copy">&copy; 2026 Nammu. All rights reserved.</div>
827        </div>
828    </footer>
829
830    <div id="success-modal" class="modal">
831        <div class="modal-content success-content">
832            <span class="close-modal" onclick="document.getElementById('success-modal').style.display='none'">&times;</span>
833            <div class="success-icon">
834                <ion-icon name="checkmark-circle"></ion-icon>
835            </div>
836            <h3>You're on the list!</h3>
837            <p>Thank you for joining Nammu. We'll be in touch soon.</p>
838            <button type="button" class="btn btn-primary" onclick="document.getElementById('success-modal').style.display='none'">Awesome</button>
839        </div>
840    </div>
841
842    <div id="profile-modal" class="modal">
843        <div class="modal-content profile-content">
844            <span class="close-modal" id="profile-modal-close">&times;</span>
845            <div class="profile-icon">&#127793;</div>
846            <h3>You're on the list!</h3>
847            <p class="profile-subtitle">Complete your profile to move up the waitlist</p>
848            <form id="profile-form">
849                <div class="profile-name-row">
850                    <div class="profile-field">
851                        <label for="profile-first-name">First name</label>
852                        <input type="text" id="profile-first-name" placeholder="First name" maxlength="100">
853                    </div>
854                    <div class="profile-field">
855                        <label for="profile-last-name">Last name</label>
856                        <input type="text" id="profile-last-name" placeholder="Last name" maxlength="100">
857                    </div>
858                </div>
859                <div class="profile-field">
860                    <label for="profile-country">Country</label>
861                    <div class="country-select" id="country-select">
862                        <input type="text" id="profile-country" placeholder="Select country" autocomplete="off">
863                        <span class="country-arrow">&#9662;</span>
864                        <div class="country-dropdown" id="country-dropdown"></div>
865                    </div>
866                </div>
867                <div class="profile-field">
868                    <label>How much would you like to put toward your future?</label>
869                    <div class="deposit-pills">
870                        <button type="button" class="deposit-pill" data-value="UNDER_500">Under $500</button>
871                        <button type="button" class="deposit-pill" data-value="FROM_500_TO_2K">$500 - $2k</button>
872                        <button type="button" class="deposit-pill" data-value="FROM_2K_TO_10K">$2k - $10k</button>
873                        <button type="button" class="deposit-pill" data-value="OVER_10K">$10,000+</button>
874                    </div>
875                </div>
876                <button type="submit" class="btn btn-primary profile-submit" id="profile-submit">Move Up the Waitlist</button>
877            </form>
878        </div>
879    </div>
vendor: 114 bytes, lines 879-881
879
880
881    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
881<script src="countries-data.js?v=20260407profile"></script>
881
882    
882<script src="script.js?v=20260728tour2"></script>
882
883    
883<script>
884    // Rolling odometer for earned value (variant page only)
885    (function() {
886        var earnEl = document.getElementById('lp-earned-odo');
887        if (!earnEl) return;
888
889        var earnedStart = 4281.63;
890        var principal = 24812.40;
891        var keepRate = 0.04;
892        var msPerYear = 365.25 * 24 * 3600 * 1000;
893        var ratePerMs = (principal * keepRate) / msPerYear;
894
895        // Build odometer digits for earned value (4 decimals)
896        function formatEarned(val) {
897            var whole = Math.floor(val);
898            var frac = val - whole;
899            var decimals = Math.floor(frac * 10000);
900            return '+$' + whole.toLocaleString('en-US') + '.' + String(decimals).padStart(4, '0');
901        }
902
903        var str = formatEarned(earnedStart);
904        earnEl.textContent = '';
905        earnEl.classList.add('odometer');
906
907        var digitEls = [];
908        var dotIndex = str.indexOf('.');
909        var numericBeforeDot = 0;
910        for (var k = 0; k < str.length; k++) {
911            if (k === dotIndex) break;
912            if (str[k] >= '0' && str[k] <= '9') numericBeforeDot++;
913        }
914
915        var intDigitIdx = 0, decDigitIdx = 0;
916        for (var i = 0; i < str.length; i++) {
917            var ch = str[i];
918            var isAfterDot = dotIndex >= 0 && i > dotIndex;
919            if (ch >= '0' && ch <= '9') {
920                var power;
921                if (isAfterDot) { decDigitIdx++; power = decDigitIdx; }
922                else { power = -(numericBeforeDot - 1 - intDigitIdx); intDigitIdx++; }
923                var isSubcent = isAfterDot && decDigitIdx > 2;
924                var digitsPerSec = ratePerMs * 1000 * Math.pow(10, power);
925                var shouldRoll = digitsPerSec >= 0.1;
926                var wrapper = document.createElement('span');
927                wrapper.className = 'odo-digit';
928                if (isSubcent) wrapper.classList.add('odo-subcent');
929                else if (isAfterDot) wrapper.classList.add('odo-decimal');
930                var strip = document.createElement('span');
931                strip.className = 'odo-strip';
932                for (var d = 0; d <= 9; d++) {
933                    var s = document.createElement('span');
934                    s.textContent = String(d);
935                    strip.appendChild(s);
936                }
937                wrapper.appendChild(strip);
938                earnEl.appendChild(wrapper);
939                digitEls.push({ strip: strip, ch: ch, power: power, roll: shouldRoll });
940            } else {
941                var stat = document.createElement('span');
942                stat.className = 'odo-static';
943                if (isAfterDot) stat.classList.add('odo-decimal');
944                stat.textContent = ch;
945                earnEl.appendChild(stat);
946            }
947        }
948
949        // Position initial digits
950        var digits = [];
951        for (var j = 0; j < digitEls.length; j++) {
952            var info = digitEls[j];
953            var h = info.strip.parentNode.offsetHeight;
954            var n = parseInt(info.ch);
955            info.strip.style.transform = 'translateY(-' + (n * h) + 'px)';
956            digits.push({ strip: info.strip, h: h, power: info.power, roll: info.roll, lastVal: n });
957        }
958
959        var startTime = performance.now();
960        function tick() {
961            var elapsed = performance.now() - startTime;
962            var val = earnedStart + elapsed * ratePerMs;
963            for (var j = 0; j < digits.length; j++) {
964                var d = digits[j];
965                var raw = (val * Math.pow(10, d.power)) % 10;
966                if (raw < 0) raw += 10;
967                if (d.roll) {
968                    d.strip.style.transform = 'translateY(-' + (raw * d.h) + 'px)';
969                } else {
970                    var v = Math.floor(raw);
971                    if (v !== d.lastVal) {
972                        d.strip.style.transform = 'translateY(-' + (v * d.h) + 'px)';
973                        d.lastVal = v;
974                    }
975                }
976            }
977            requestAnimationFrame(tick);
978        }
979        requestAnimationFrame(tick);
980    })();
981
982    // Override HowRive: start text/step cycling eagerly, load Rive on scroll
983    (function() {
984        if (typeof HowRive === 'undefined') return;
985
986        // Patch init so it only loads the Rive runtime, not re-register cycle/clicks
987        var originalInit = HowRive.init;
988        HowRive.init = function() {
989            var canvas = document.getElementById('rive-how');
990            if (!canvas || typeof rive === 'undefined') return;
991            var self = this;
992            this.instance = new rive.Rive({
993                src: '/rive/segment.riv', canvas: canvas,
994                stateMachines: ['State Machine'], autoplay: true, autoBind: true,
995                fit: rive.Fit.Cover, alignment: rive.Alignment.Center,
996                onLoad: function() {
997                    self.instance.resizeDrawingSurfaceToCanvas();
998                    self.viewModelInstance = self.instance.viewM
998odelInstance;
999                    self.buildInputMap();
1000                    // Sync Rive to whatever phase is currently showing
1001                    self.setGrowth(self.PHASES[self.current].growth);
1002                }
1003            });
1004            window.addEventListener('resize', function() { if (self.instance) self.instance.resizeDrawingSurfaceToCanvas(); });
1005        };
1006
1007        // Patch goToPhase: snap instantly when going backwards (no degrowth animation)
1008        var origGoToPhase = HowRive.goToPhase;
1009        HowRive.goToPhase = function(index) {
1010            if (index === this.current) return;
1011            var from = this.PHASES[this.current].growth;
1012            var to = this.PHASES[index].growth;
1013            this.current = index;
1014            this.applyPhase(index);
1015            if (to < from) {
1016                this.setGrowth(to);
1017            } else {
1018                this.animateGrowth(from, to);
1019            }
1020        };
1021
1022        // Start text cycling + click handlers now
1023        HowRive.applyPhase(0);
1024        HowRive.startCycle();
1025        HowRive.bindClicks();
1026    })();
1027    </script>
vendor: 1 bytes, line 1027
1027
1028<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a46198ecd9297fb0',t:'MTc5MTI1NzUzMA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
1028<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"141aa3aea9e04796984714cd548d5a53","r":1,"spa":2}' crossorigin="anonymous"></script>
1028
1029</body>
1030
1031</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.