PageSourceSearch

https://www.usewind.app/

html usewind.app collected 2026-10-04 02:24:07 UTC 47,119 bytes, 801 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    <title>Wind — A consumer wallet for AI apps</title>
7    <meta name="description" content="Wind is a consumer wallet for AI apps. Users load one balance and spend it across every app they connect — so you can charge per action and still get paid.">
8    <link rel="canonical" href="https://www.usewind.app/">
9    <link rel="icon" type="image/png" href="logo_dark.png">
10
11    <!-- Open Graph / Slack / iMessage / LinkedIn preview -->
12    <meta property="og:type" content="website">
13    <meta property="og:site_name" content="Wind">
14    <meta property="og:url" content="https://www.usewind.app/">
15    <meta property="og:title" content="Wind — A consumer wallet for AI apps">
16    <meta property="og:description" content="Get paid by the users who never upgrade. One balance across AI apps — charge per action, keep your Pro plan.">
17    <meta property="og:image" content="https://www.usewind.app/og-image.jpg">
18    <meta property="og:image:width" content="1200">
19    <meta property="og:image:height" content="630">
20    <meta property="og:image:alt" content="Wind — Get paid by the users who never upgrade">
21
22    <!-- Twitter / X -->
23    <meta name="twitter:card" content="summary_large_image">
24    <meta name="twitter:title" content="Wind — A consumer wallet for AI apps">
25    <meta name="twitter:description" content="Get paid by the users who never upgrade. One balance across AI apps — charge per action, keep your Pro plan.">
26    <meta name="twitter:image" content="https://www.usewind.app/og-image.jpg">
27
28    <link rel="preconnect" href="https://fonts.googleapis.com">
29    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
30    <link href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet">
31
32    <link rel="stylesheet" href="styles.css?v=59">
33</head>
34<body>
35    <nav class="navbar">
36        <a href="#" class="logo-container">
37            <img src="logo_transparent.png" alt="" class="logo">
38            <span class="logo-text">Wind</span>
39        </a>
40        <div class="nav-links">
41            <a href="#how-it-works">How it works</a>
42            <a href="#for-developers">Developers</a>
43            <a href="#for-users">Users</a>
44            <a href="#faq">FAQ</a>
45            <a href="https://docs.usewind.app" target="_blank" rel="noopener">Docs</a>
46        </div>
47        <button class="nav-cta" onclick="openModal('waitlist')">Join waitlist</button>
48    </nav>
49
50    <!-- HERO — product first -->
51    <section class="hero">
52        <div class="hero-container">
53            <div class="hero-left">
54                <div class="hero-badge">
55                    <span class="badge-dot"></span>
56                    Private beta
57                </div>
58
59                <h1 class="hero-title">Get paid by the users who never upgrade.</h1>
60
61                <p class="hero-subtitle">
62                    Wind is a consumer wallet for AI apps. Users load one balance and spend it across every app they connect, so you can charge four cents for a background removal and still make money. It sits next to your Pro plan, not instead of it.
63                </p>
64
65                <div class="cta-buttons">
66                    <button class="btn btn-primary btn-hero" onclick="openModal('demo')">
67                        <span class="btn-content">
68                            <span class="btn-main">Add Wind to your app</span>
69                        </span>
70                    </button>
71                    <button class="btn btn-text" type="button" onclick="openModal('waitlist')">
72                        Get a wallet
73                    </button>
74                </div>
75            </div>
76
77            <div class="hero-right">
78                <div class="hero-visual">
79                    <div class="wallet-panel wallet-panel--hero">
80                        <div class="wallet-panel-header">
81                            <div class="wallet-brand">
82                                <span>Wind Wallet</span>
83                            </div>
84                            <span class="wallet-tag"><span class="live-dot"></span> Live</span>
85                        </div>
86
87                        <div class="wallet-balance-row wallet-balance-row--hero">
88                            <span class="balance-label">Available balance</span>
89                            <span class="balance-value">$42.50</span>
90                        </div>
91
92                        <ul class="action-ledger action-ledger--rich">
93                            <li>
94                                <span class="tx-main"><strong>Thumbnail pack</strong><em>Lumen</em></span>
95                                <span class="tx-meta"><span class="amount debit">−$0.31</span><em>2m</em></span>
96                            </li>
97                            <li>
98                                <span class="tx-main"><strong>Background removed</strong><em>Cutaway</em></span>
99                                <span class="tx-meta"><span class="amount debit">−$0.04</span><em>9m</em></span>
100                            </li>
101                            <li>
102                                <span class="tx-main"><strong>Voice clone</strong><em>Echo</em></span>
103                                <span class="tx-meta"><span class="amount debit">−$0.12</span><em>18m</em></span>
104                            </li>
105                            <li>
106                                <span class="tx-main"><strong>Research answer</strong><em>Atlas</em></span>
107                                <span class="tx-meta"><span class="amount debit">−$0.08</span><em>41m</em></span>
108                            </li>
109                            <li>
110                                <span class="tx-main"><strong>HD export</strong><em>Frame</em></span>
111                                <span class="tx-meta"><span class="amount debit">−$0.25</span><em>1h</em></span>
112                            </li>
113                            <li>
114                                <span class="tx-main"><strong>Code review</strong><em>Pair</em></span>
115                                <span class="tx-meta"><span class="amount debit">−$0.15</span><em>3h</em></span>
116                            </li>
117                            <li>
118                                <span class="tx-main"><strong>Image upscale</strong><em>Pixel</em></span>
119                                <span class="tx-meta"><span class="amount debit">−$0.06</span><em>5h</em></span>
120                            </li>
121                            <li>
122                                <span class="tx-main"><strong>Top up</strong><em>Wind</em></span>
123                                <span class="tx-meta"><span class="amount credit">+$20.00</span><em>1d</em></span>
124                            </li>
125                        </ul>
126                    </div>
127                </div>
128            </div>
129        </div>
130    </section>
131
132    <section class="moments" id="moments">
133        <div class="container">
134            <div class="section-header section-header--tight">
135                <h2 class="section-title section-title--two-line">
136                    <span class="section-title__line">Two screens in your app that</span>
137                    <span class="section-title__line">make you nothing.</span>
138                </h2>
139                <p>Wind slots into moments you already built.</p>
140            </div>
141
142            <div class="moments-grid">
143                <article class="moment">
144                    <div class="moment__copy">
145                        <span class="moment__label">The rate limit</span>
146                        <p class="moment__sub">A free user hits the wall and won't buy Pro.</p>
147                    </div>
148
149                    <div class="app-chrome" aria-hidden="true">
150                        <div class="app-chrome__bar">
151                            <span class="app-chrome__dots"><i></i><i></i><i></i></span>
152                            <span class="app-chrome__title">Acme AI</span>
153                            <span class="app-chrome__spacer"></span>
154                        </div>
155                        <div class="app-screen">
156                            <div class="app-panel">
157                                <div class="limit-meter">
158                                    <div class="limit-meter__top">
159                                        <span>Free plan</span>
160                                        <span>0 left today</span>
161                                    </div>
162                                    <div class="limit-meter__track">
163                                        <span class="limit-meter__fill limit-meter__fill--full"></span>
164                                    </div>
165                                </div>
166                                <div class="app-panel__copy">
167                                    <p class="app-panel__title">You've used your 3 free generations today</p>
168                                    <p class="app-panel__body">Come back tomorrow, or keep going now.</p>
169                                </div>
170                                <div class="app-panel__actions">
171                                    <button class="app-btn app-btn--muted" type="button" tabindex="-1">Upgrade to Pro for $20/mo</button>
172                                    <button class="app-btn app-btn--wind" type="button" tabindex="-1">Continue with Wind · pay as you go</button>
173                                </div>
174                            </div>
175                        </div>
176                    </div>
177                </article>
178
179                <article class="moment">
180                    <div class="moment__copy">
181                        <span class="moment__label">The cancel button</span>
182                        <p class="moment__sub">A subscriber leaves and you have no middle option.</p>
183                    </div>
184
185                    <div class="app-chrome" aria-hidden="true">
186                        <div class="app-chrome__bar">
187                            <span class="app-chrome__dots"><i></i><i></i><i></i></span>
188                            <span class="app-chrome__title">Acme AI · Billing</span>
189                            <span class="app-chrome__spacer"></span>
190                        </div>
191                        <div class="app-screen">
192                            <div class="app-panel">
193                                <div class="limit-meter">
194                                    <div class="limit-meter__top">
195                                        <span>Pro plan</span>
196                                        <span>Renews Oct 1</span>
197                                    </div>
198                                    <div class="limit-meter__track">
199                                        <span class="limit-meter__fill limit-meter__fill--partial"></span>
200                                    </div>
201                                </div>
202                                <div class="app-panel__copy">
203                                    <p class="app-panel__title">Cancel your Pro plan?</p>
204                                    <p class="app-panel__body">Your plan ends today. You lose unlimited generations, the priority queue, and HD exports.</p>
205                                </div>
206                                <div class="app-panel__actions">
207                                    <button class="app-btn app-btn--wind" type="button" tabindex="-1">Continue with Wind · pay as you go</button>
208                                    <button class="app-btn app-btn--muted" type="button" tabindex="-1">Confirm cancel</button>
209                                </div>
210                            </div>
211                        </div>
212                    </div>
213                </article>
214            </div>
215        </div>
216    </section>
217
218    <!-- HOW IT WORKS -->
219    <section class="money-moves" id="how-it-works">
220        <div class="container">
221            <div class="money-moves__scroller">
222              <div class="money-moves__sticky">
223                <div class="money-moves__scene">
224            <div class="section-header">
225                <h2 class="section-title">How money moves.</h2>
226                <p>Three steps, one balance. Scroll to see the screen behind each one.</p>
227            </div>
228            <div class="money-moves__layout">
229                <div class="money-steps" aria-label="How money moves">
230                    <article class="money-step is-active" id="money-tab-1" data-step="1" aria-current="step">
231                        <span class="money-step__label">1 User</span>
232                        <span class="money-step__title">They load a balance.</span>
233                        <span class="money-step__body">One top-up, spendable anywhere Wind is connected.</span>
234                    </article>
235                    <article class="money-step" id="money-tab-2" data-step="2">
236                        <span class="money-step__label">2 Your app</span>
237                        <span class="money-step__title">It asks for access.</span>
238                        <span class="money-step__body">A scoped grant with a spending cap, same idea as Stripe or Google.</span>
239                    </article>
240                    <article class="money-step" id="money-tab-3" data-step="3">
241                        <span class="money-step__label">3 You</span>
242                        <span class="money-step__title">You charge per use.</span>
243                        <span class="money-step__body">Call charge when the work happens. Funds settle to your account daily.</span>
244                    </article>
245                </div>
246
247                <div class="money-preview" aria-live="polite">
248                    <div class="money-panel is-active" id="money-panel-1" data-panel="1">
249                        <div class="flow-mock" data-topup>
250                            <div class="flow-mock__head">
251                                <span class="flow-mock__brand">Wind</span>
252                                <span class="flow-mock__meta">Add funds</span>
253                            </div>
254                            <p class="flow-mock__label">Top up amount</p>
255                            <p class="flow-mock__amount" data-topup-amount>$20.00</p>
256                            <div class="flow-mock__chips" role="group" aria-label="Top up amount">
257                                <button type="button" class="flow-mock__chip" data-amount="10">$10</button>
258                                <button type="button" class="flow-mock__chip is-selected" data-amount="20" aria-pressed="true">$20</button>
259                                <button type="button" class="flow-mock__chip" data-amount="50">$50</button>
260                                <button type="button" class="flow-mock__chip" data-amount="100">$100</button>
261                            </div>
262                            <button class="app-btn app-btn--wind" type="button" data-topup-submit>Load balance</button>
263                            <p class="flow-mock__note" data-topup-note>Spendable on any connected AI app.</p>
264                        </div>
265                        <p class="money-preview__caption">One card entry. One balance that travels with them.</p>
266                    </div>
267
268                    <div class="money-panel" id="money-panel-2" data-panel="2" aria-hidden="true">
269                        <div class="oauth-mock" data-oauth>
270                            <div class="oauth-mock__head">
271                                <img src="logo_transparent.png" alt="" class="oauth-mock__logo">
272                                <div>
273                                    <strong>Acme AI</strong>
274                                    <span data-oauth-status>wants to connect to your Wind wallet</span>
275                                </div>
276                            </div>
277                            <ul class="oauth-mock__perms">
278                                <li><span class="check-icon">✓</span> Spend from your Wind balance</li>
279                                <li><span class="check-icon">✓</span> Up to <strong>$5.00</strong> per week</li>
280                                <li><span class="check-icon">✓</span> Revoke access anytime</li>
281                            </ul>
282                            <div class="oauth-mock__actions">
283                                <button class="oauth-btn oauth-btn--ghost" type="button" data-oauth-cancel>Cancel</button>
284                                <button class="oauth-btn oauth-btn--primary" type="button" data-oauth-authorize>Authorize</button>
285                            </div>
286                        </div>
287                        <p class="money-preview__caption" data-oauth-caption>The same consent screen your users already know, so nobody has to learn anything new.</p>
288                    </div>
289
290                    <div class="money-panel" id="money-panel-3" data-panel="3" aria-hidden="true">
291                        <div class="flow-mock flow-mock--charge">
292                            <div class="flow-mock__head">
293                                <span class="flow-mock__brand">Your app</span>
294                                <span class="flow-mock__meta">charge()</span>
295                            </div>
296                            <pre class="flow-mock__code"><code>await wind.charge(userId, {
297  amount: 0.04,
298  action: "bg_remove"
299});</code></pre>
300                            <div class="flow-mock__settle">
301                                <div>
302                                    <span>Charged</span>
303                                    <strong>$0.04</strong>
304                                </div>
305                                <div>
306                                    <span>Settles</span>
307                                    <strong>Daily</strong>
308                                </div>
309                                <div>
310                                    <span>Status</span>
311                                    <strong class="is-live">Cleared</strong>
312                                </div>
313                            </div>
314                        </div>
315                        <p class="money-preview__caption">You meter the product. Wind moves the money.</p>
316                    </div>
317                </div>
318            </div>
319                </div>
320              </div>
321            </div>
322        </div>
323    </section>
324
325    <!-- FOR DEVELOPERS -->
326    <section class="demos demos--dev" id="for-developers">
327        <div class="container">
328            <div class="demo-card demo-card--dev">
329                <div class="demo-text">
330                    <span class="section-badge">For developers</span>
331                    <div class="demo-text__main">
332                        <h2 class="section-title section-title--in-card section-title--two-line">
333                            <span class="section-title__line">Monetize the users you are</span>
334                            <span class="section-title__line">already losing.</span>
335                        </h2>
336                        <p class="demo-lede">Wind does not replace your subscription. It sits underneath it and catches everyone who was never going to take it.</p>
337
338                        <ul class="feature-list feature-list--dev">
339                            <li><span class="check-icon">✓</span><span>Charge per generation, per export, per premium feature</span></li>
340                            <li><span class="check-icon">✓</span><span>Sell usage beyond a free allowance without building billing</span></li>
341                            <li><span class="check-icon">✓</span><span>Keep your subscription tier for the users who want it</span></li>
342                            <li><span class="check-icon">✓</span><span>Users who already hold a balance convert in one tap</span></li>
343                            <li><span class="check-icon">✓</span><span>Set your own prices, down to a few cents</span></li>
344                        </ul>
345
346                        <div class="integration-badge">
347                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M13 2L3 14H12L11 22L21 10H12L13 2Z" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg>
348                            <span>Easy to integrate</span>
349                        </div>
350
351                        <div class="dev-actions">
352                            <a class="btn btn-primary" href="https://docs.usewind.app" target="_blank" rel="noopener">Read the docs</a>
353                            <button class="btn btn-primary btn-ghost-outline" type="button" onclick="openModal('demo')">Book a walkthrough</button>
354                        </div>
355                    </div>
356                </div>
357
358                <div class="demo-visual">
359                    <div class="code-preview-compact">
360                        <div class="code-header">
361                            <div class="code-dots"><span></span><span></span><span></span></div>
362                            <span class="code-title">charge()</span>
363                        </div>
364                        <pre><code><span class="code-import">
364import</span> { Wind } <span class="code-import">from</span> <span class="code-string">'@wind/sdk'</span>;
365
366<span class="code-keyword">const</span> wind = <span class="code-keyword">new</span> <span class="code-function">Wind</span>({ apiKey });
367<span class="code-keyword">await</span> wind.<span class="code-function">charge</span>(userId, { <span class="code-property">amount</span>: <span class="code-number">0.05</span> });</code></pre>
368                    </div>
369
370                    <div class="ledger-panel">
371                        <div class="ledger-panel__head">
372                            <span>Wind Dashboard</span>
373                            <span class="ledger-panel__meta">Last 24 hours</span>
374                        </div>
375                        <table class="dev-ledger">
376                            <thead>
377                                <tr>
378                                    <th>Event</th>
379                                    <th>User</th>
380                                    <th>Charged</th>
381                                    <th>Wind</th>
382                                    <th>Net</th>
383                                </tr>
384                            </thead>
385                            <tbody>
386                                <tr>
387                                    <td>thumbnail_pack</td>
388                                    <td>u_8f2a</td>
389                                    <td>$0.31</td>
390                                    <td>$0.03</td>
391                                    <td>$0.28</td>
392                                </tr>
393                                <tr>
394                                    <td>bg_remove</td>
395                                    <td>u_31c9</td>
396                                    <td>$0.04</td>
397                                    <td>$0.00</td>
398                                    <td>$0.04</td>
399                                </tr>
400                                <tr>
401                                    <td>voice_clone</td>
402                                    <td>u_8f2a</td>
403                                    <td>$0.12</td>
404                                    <td>$0.01</td>
405                                    <td>$0.11</td>
406                                </tr>
407                                <tr>
408                                    <td>export_hd</td>
409                                    <td>u_47bd</td>
410                                    <td>$0.25</td>
411                                    <td>$0.03</td>
412                                    <td>$0.22</td>
413                                </tr>
414                            </tbody>
415                        </table>
416                        <div class="ledger-panel__foot">
417                            <span>Collected today <strong>$84.20</strong></span>
418                            <span>Paid out <strong>$75.78</strong></span>
419                        </div>
420                    </div>
421                </div>
422            </div>
423        </div>
424    </section>
425
426    <!-- FOR USERS — keep video -->
427    <section class="demos demos--user" id="for-users">
428        <div class="container">
429            <div class="demo-card">
430                <div class="demo-text">
431                    <span class="section-badge">For users</span>
432                    <h2 class="section-title section-title--in-card">One balance. No more subscriptions you forgot about.</h2>
433                    <ul class="feature-list">
434                        <li><span class="check-icon">✓</span><span>Add funds once and use them across every connected app</span></li>
435                        <li><span class="check-icon">✓</span><span>Pay for what you actually use, nothing more</span></li>
436                        <li><span class="check-icon">✓</span><span>Set a spending limit per app and revoke access anytime</span></li>
437                        <li><span class="check-icon">✓</span><span>See every charge in one place</span></li>
438                        <li><span class="check-icon">✓</span><span>No surprise bills</span></li>
439                    </ul>
440                    <button class="btn btn-primary" type="button" onclick="openModal('waitlist')">Get a wallet</button>
441                </div>
442                <div class="demo-visual demo-visual--user">
443                    <div class="wallet-panel wallet-panel--user">
444                        <div class="wallet-panel-header">
445                            <div class="wallet-brand">
446                                <span class="live-dot"></span>
447                                <span>Wind Wallet</span>
448                            </div>
449                            <span class="wallet-tag">Live</span>
450                        </div>
451
452                        <div class="wallet-balance-row">
453                            <span class="balance-label">Available balance</span>
454                            <span class="balance-value">$42.50</span>
455                        </div>
456
457                        <ul class="action-ledger">
458                            <li><span>Acme AI · Thumbnail pack</span><span class="amount debit">−$0.31</span></li>
459                            <li><span>PixelForge · Background remove</span><span class="amount debit">−$0.04</span></li>
460                            <li><span>VoiceLab · Voice clone</span><span class="amount debit">−$0.12</span></li>
461                            <li><span>Top up</span><span class="amount credit">+$20.00</span></li>
462                        </ul>
463                    </div>
464
465                    <div class="video-container-small">
466                        <video autoplay loop muted playsinline class="demo-video" poster="wind-user-poster.jpg">
467                            <source src="wind-user.mp4" type="video/mp4">
468                        </video>
469                    </div>
470                </div>
471            </div>
472        </div>
473    </section>
474
475    <section class="stats-section" id="numbers">
476        <div class="container">
477            <div class="section-header">
478                <span class="section-badge">Numbers</span>
479                <h2 class="section-title">Where things stand today.</h2>
480            </div>
481
482            <div class="stats-grid">
483                <div class="stat-item">
484                    <div class="stat-value" id="stats-waitlist">205</div>
485                    <div class="stat-label">On waitlist</div>
486                </div>
487                <div class="stat-item">
488                    <div class="stat-value">30+</div>
489                    <div class="stat-label">Developer signups</div>
490                </div>
491                <div class="stat-item">
492                    <div class="stat-value">$0</div>
493                    <div class="stat-label">Integration cost</div>
494                </div>
495            </div>
496        </div>
497    </section>
498
499    <section class="faq" id="faq">
500        <div class="container">
501            <div class="section-header section-header--tight">
502                <h2 class="section-title">FAQ</h2>
503            </div>
504
505            <div class="faq-grid">
506                <div class="faq-col">
507                    <h3 class="faq-col__label">For developers</h3>
508                    <div class="faq-list">
509                        <details class="faq-item">
510                            <summary>What does Wind actually do?</summary>
511                            <p>Your users load a prepaid balance once. You charge them per action from it. The balance works across every app that accepts Wind, so it may already be funded before they reach you.</p>
512                        </details>
513                        <details class="faq-item">
514                            <summary>Where does it appear in my product?</summary>
515                            <p>Two places you already have. The rate limit, where a free user hits the wall and won't buy Pro. And the cancel button, where a subscriber is leaving. Both currently lead to zero.</p>
516                        </details>
517                        <details class="faq-item">
518                            <summary>Will this cannibalise my subscription?</summary>
519                            <p>You control that. You set when Wind appears, and you set a monthly usage cap below your Pro price so the wallet can never be the cheaper path for a heavy user. Most people who take usage pricing weren't going to subscribe, but the cap means you don't have to take that on faith.</p>
520                        </details>
521                        <details class="faq-item">
522                            <summary>Why can't I just add credits with Stripe?</summary>
523                            <p>You can. Three things it doesn't solve. Your credits ask the user to prefund your app specifically, which is the same commitment decision they just declined. Whatever they don't spend is stranded with you. And you inherit fraud, chargebacks, refunds, tax and balance accounting. A Wind balance is already funded from somewhere else, so spending at your app costs the user nothing new.</p>
524                        </details>
525                        <details class="faq-item">
526                            <summary>Why can't I just charge 50 cents myself?</summary>
527                            <p>Card fees. At 2.9% plus 30 cents, a 50-cent charge loses 63% to processing and anything under 31 cents costs more than it collects. That forces you to bundle up to $5 or more, and the bundle is the commitment your user already refused.</p>
528                        </details>
529                        <details class="faq-item">
530                            <summary>What does it cost me?</summary>
531                            <p>Nothing upfront, no minimum, nothing if nobody spends. We take a cut of what clears. The real cost is engineering time, and it's a payment flow to build and test like any other.</p>
532                        </details>
533                        <details class="faq-item">
534                            <summary>Do I set the price?</summary>
535                            <p>Yes. Per action, at whatever fits your product. We don't set it and we don't meter your tokens.</p>
536                        </details>
537                        <details class="faq-item">
538                            <summary>What about chargebacks and fraud?</summary>
539                            <p>They happen at the load, not at your charges, so they sit with us rather than with you. That's a meaningful part of what you're buying.</p>
540                        </details>
541                        <details class="faq-item">
542                            <summary>Do my users need a Wind account?</summary>
543                            <p>Yes, and that's the honest friction. It's one signup and one card entry, after which every future purchase across every Wind app is a click.</p>
544                        </details>
545                        <details class="faq-item">
546                            <summary>What if none of my users have a balance?</summary>
547                            <p>Right now, most won't. That's why we're launching with a cluster of apps serving the same person rather than signing apps one at a time.</p>
548                        </details>
549                    </div>
550                </div>
551
552                <div class="faq-col">
553                    <h3 class="faq-col__label">For users</h3>
554                    <div class="faq-list">
555                        <details class="faq-item">
556                            <summary>What is Wind?</summary>
557                            <p>A balance you load once and spend across AI apps. Pay for what you actually use instead of a monthly subscription.</p>
558                        </details>
559                        <details class="faq-item">
560                            <summary>Why load money before choosing an app?</summary>
561                            <p>
561Because the same balance works everywhere Wind is accepted. If you only ever use one app, a subscription may suit you better. The wallet is for people using several tools occasionally.</p>
562                        </details>
563                        <details class="faq-item">
564                            <summary>What does it cost me?</summary>
565                            <p>Nothing. Wind is free to use. Apps pay us, not you.</p>
566                        </details>
567                        <details class="faq-item">
568                            <summary>Do I have to load a lot?</summary>
569                            <p>There's a minimum because card fees make tiny loads uneconomical for us too. Whatever you load stays yours.</p>
570                        </details>
571                        <details class="faq-item">
572                            <summary>Does my balance expire?</summary>
573                            <p>No.</p>
574                        </details>
575                        <details class="faq-item">
576                            <summary>Can I get a refund?</summary>
577                            <p>Yes, on unspent balance.</p>
578                        </details>
579                        <details class="faq-item">
580                            <summary>Do the apps see my card?</summary>
581                            <p>No. You enter it once with Wind and never again at an individual app.</p>
582                        </details>
583                        <details class="faq-item">
584                            <summary>Is this cheaper than subscribing?</summary>
585                            <p>Depends on usage. If you use something daily, a subscription is probably better value. If you use it a few times a month, paying per use is almost always cheaper.</p>
586                        </details>
587                    </div>
588                </div>
589            </div>
590        </div>
591    </section>
592
593    <section class="quiet-cta" aria-label="Join the waitlist">
594        <div class="container">
595            <div class="quiet-cta__panel">
596                <h2 class="quiet-cta__title">
597                    One balance across every AI app you use.
598                </h2>
599                <p class="quiet-cta__sub">
600                    Load once. Spend anywhere Wind is connected. Pay for what you actually use.
601                </p>
602                <button class="quiet-cta__btn" type="button" onclick="openModal('waitlist')">
603                    Join waitlist
604                    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true">
605                        <path d="M6 12L10 8L6 4" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
606                    </svg>
607                </button>
608            </div>
609        </div>
610    </section>
611
612    <!-- Waitlist Modal -->
613    <div id="waitlist-modal" class="modal">
614        <div class="modal-overlay" onclick="closeModal('waitlist')"></div>
615        <div class="modal-content">
616            <button class="modal-close" onclick="closeModal('waitlist')">×</button>
617
618            <div class="modal-header">
619                <h2>Join the waitlist</h2>
620                <p class="modal-description">Be the first to know when Wind launches.</p>
621            </div>
622
623            <form id="waitlist-form" onsubmit="submitWaitlist(event)">
624                <div class="form-group">
625                    <label for="waitlist-email">Email address *</label>
626                    <input type="email" id="waitlist-email" name="email" required placeholder="[email protected]">
627                </div>
628
629                <div class="form-group">
630                    <label for="waitlist-name">Name</label>
631                    <input type="text" id="waitlist-name" name="name" placeholder="Your name">
632                </div>
633
634                <div class="form-group">
635                    <label for="waitlist-interest">What interests you most?</label>
636                    <select id="waitlist-interest" name="interest">
637                        <option value="cost-savings">Cost savings</option>
638                        <option value="multi-app">Multi-app access</option>
639                        <option value="privacy">Privacy</option>
640                        <option value="other">Other</option>
641                    </select>
642                </div>
643
644                <button type="submit" class="btn btn-primary btn-full">
645                    <span>Secure my spot</span>
646                </button>
647            </form>
648
649            <div id="waitlist-success" class="success-state" style="display: none;">
650                <div class="success-animation">
651                    <div class="success-checkmark">✓</div>
652                </div>
653                <h3>You're on the list</h3>
654                <div class="waitlist-position">
655                    <div class="position-card">
656                        <div class="position-label">Your position</div>
657                        <div class="position-number" id="user-position">-</div>
658                        <div class="position-total">of <span id="total-position">-</span></div>
659                    </div>
660                </div>
661                <p class="success-subtitle">Move up the list by referring friends.</p>
662
663                <div class="referral-section">
664                    <div class="referral-link-container">
665                        <input type="text" id="referral-link" readonly value="usewind.app/?ref=ABC123" class="referral-input">
666                        <button class="btn-copy" onclick="copyReferralLink()">
667                            <span id="copy-text">Copy</span>
668                        </button>
669                    </div>
670                    <p class="referral-note">Share your link • Move up 100 spots per referral</p>
671                </div>
672            </div>
673        </div>
674    </div>
675
676    <!-- Demo Booking Modal -->
677    <div id="demo-modal" class="modal">
678        <div class="modal-overlay" onclick="closeModal('demo')"></div>
679        <div class="modal-content">
680            <button class="modal-close" onclick="closeModal('demo')">×</button>
681
682            <div class="modal-header">
683                <h2>Book a walkthrough</h2>
684                <p class="modal-description">See how Wind fits your app.</p>
685            </div>
686
687            <form id="demo-form" onsubmit="submitDemo(event)">
688                <div class="form-row">
689                    <div class="form-group">
690                        <label for="demo-name">Name *</label>
691                        <input type="text" id="demo-name" name="name" required placeholder="Your name">
692                    </div>
693                    <div class="form-group">
694                        <label for="demo-email">Email *</label>
695                        <input type="email" id="demo-email" name="email" required placeholder="[email protected]">
696                    </div>
697                </div>
698
699                <div class="form-group">
700                    <label for="demo-company">Company / project (optional)</label>
701                    <input type="text" id="demo-company" name="company" placeholder="Company name or personal project">
702                </div>
703
704                <div class="form-row">
705                    <div class="form-group">
706                        <label for="demo-app-type">What are you building?</label>
707                        <select id="demo-app-type" name="appType">
708                            <option value="saas">SaaS application</option>
709                            <option value="mobile">Mobile app</option>
710                            <option value="ai-tool">AI tool</option>
711                            <option value="personal">Personal project</option>
712                            <option value="student">Student project</option>
713                            <option value="other">Other</option>
714                        </select>
715                    </div>
716                    <div class="form-group">
717                        <label for="demo-timezone">Your timezone</label>
718                        <select id="demo-timezone" name="timezone">
719                            <option value="PST">Pacific (PST/PDT)</option>
720                            <option value="MST">Mountain (MST/MDT)</option>
721                            <option value="CST">Central (CST/CDT)</option>
722                            <option value="EST" selected>Eastern (EST/EDT)</option>
723                            <option value="UTC">UTC/GMT</option>
724                            <option value="CET">Central European (CET)</option>
725                            <option value="IST">India (IST)</option>
726                            <option value="CST-China">China (CST)</option>
727                            <option value="JST">Japan (JST)</option>
728                            <option value="AEST">Australia East (AEST)</option>
729                        </select>
730                    </div>
731                </div>
732
733                <div class="form-group">
734                    <label for="demo-time">Preferred time</label>
735                    <select id="demo-time" name="preferredTime">
736                        <option value="morning">Morning (9am – 12pm)</option>
737                        <option value="afternoon">Afternoon (12pm – 5pm)</option>
738                        <option value="evening">Evening (5pm – 8pm)</option>
739                    </select>
740                </div>
741
742                <div class="form-group">
743                    <label for="demo-message">Tell us about your project (optional)</label>
744                    <textarea id="demo-message" name="message" rows="3" placeholder="What would you like to build with Wind?"></textarea>
745                </div>
746
747                <button type="submit" class="btn btn-primary btn-full">
748                    <span>Book walkthrough</span>
749                </button>
750            </form>
751
752            <div id="demo-success" class="success-state" style="display: none;">
753                <div class="success-animation">
754                    <div class="success-checkmark">✓</div>
755                </div>
756                <h3>Walkthrough booked</h3>
757                <p class="success-message">We'll reach out within 24 hours to confirm.</p>
758            </div>
759        </div>
760    </div>
761
762    <footer class="footer">
763        <div class="container">
764            <div class="footer-content">
765                <a href="https://www.usewind.app" class="footer-logo">
766                    <img src="logo_transparent.png" alt="Wind">
767                </a>
768
769                <div class="footer-links">
770                    <a href="#how-it-works">Product</a>
771                    <a href="#faq">FAQ</a>
772                    <a href="https://docs.usewind.app" target="_blank" rel="noopener">Docs</a>
773                    <button type="button" class="footer-link-btn" onclick="openModal('waitlist')">Waitlist</button>
774                </div>
775
776                <div class="footer-social">
777                    <a href="https://www.linkedin.com/company/wind-ai/" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="LinkedIn">
778                        <svg width="18" height="18" 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.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 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>
779                    </a>
780                    <a href="https://www.instagram.com/thewindapp?utm_source=qr" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="Instagram">
781                        <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
782                    </a>
783                    <a href="https://x.com/thewindwallet" target="_blank" rel="noopener noreferrer" class="social-link" aria-label="X (Twitter)">
784                        <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
785                    </a>
786                </div>
787
788                <div class="footer-copyright">
789                    © 2026 Wind. Built for the AI-native web.
790                    <span class="footer-quiet"> · From builders at Amazon, Vercel, Pinterest, and more</span>
791                </div>
792            </div>
793        </div>
794    </footer>
795
796    <span id="total-signups" hidden>200</span>
797
798    
798<script src="config.js"></script>
798
799    
799<script src="script.js?v=37"></script>
799
800</body>
801</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.