PageSourceSearch

https://brainfevermedia.com/index.html

html brainfevermedia.com collected 2026-10-02 07:56:39 UTC 36,133 bytes, 742 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4	
5	<!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 5-6
5
6<script async src="https://www.googletagmanager.com/gtag/js?id=
6G-WM3GYFB11M
vendor: 12 bytes, line 6
6"></script>
7<script>
8  
vendor: 134 bytes, lines 8-12
8window.dataLayer = window.dataLayer || [];
9  function gtag(){dataLayer.push(arguments);}
10  gtag('js', new Date());
11
12  gtag('config', '
12G-WM3GYFB11M
vendor: 4 bytes, line 12
12');
13</script>
13
14	
15<meta charset="UTF-8">
16<meta name="viewport" content="width=device-width, initial-scale=1.0">
17<title>BrainFeverMedia — Cinematic Visual Effects for Mac &amp; iPhone</title>
18<meta name="description" content="BrainFeverMedia builds cinematic visual effects apps for Mac and iPhone — Flare Studio, Orbit Studio, Infinite Art, Infinite Skies, Neon Skies and more.">
19<link rel="preconnect" href="https://fonts.googleapis.com">
20<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
21<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet">
22	
23<!-- mailchimp signup form -->
24		<link href="//cdn-images.mailchimp.com/embedcode/classic-071822.css" rel="stylesheet" type="text/css">
25		<style type="text/css">
26		#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif;  width:600px;}
27		/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
28	    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
29		</style>
30	
31	
31<script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/11f91ca6aa047ede20288184b/ebf210569f3f03a1ee207973d.js");</script>
31
32	
33<style>
34  :root {
35    --bg: #05070d;
36    --bg-2: #0a0e1a;
37    --panel: rgba(255,255,255,.035);
38    --panel-border: rgba(255,255,255,.08);
39    --text: #e8ecf4;
40    --text-dim: #9aa3b5;
41    --accent: #5b8cff;
42    --accent-2: #a06bff;
43    --flare: #ffb35c;
44    --radius: 18px;
45    font-size: 16px;
46  }
47  * { margin: 0; padding: 0; box-sizing: border-box; }
48  html { scroll-behavior: smooth; }
49  body {
50    background: var(--bg);
51    color: var(--text);
52    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
53    line-height: 1.6;
54    overflow-x: hidden;
55  }
56  h1, h2, h3, .wordmark-text { font-family: 'Space Grotesk', 'Inter', sans-serif; }
57  img { max-width: 100%; display: block; }
58  a { color: inherit; text-decoration: none; }
59
60  /* ---------- Nav ---------- */
61  .nav {
62    position: fixed; top: 0; left: 0; right: 0; z-index: 100;
63    display: flex; align-items: center; justify-content: space-between;
64    padding: 14px 28px;
65    background: rgba(5,7,13,.65);
66    backdrop-filter: blur(14px);
67    -webkit-backdrop-filter: blur(14px);
68    border-bottom: 1px solid rgba(255,255,255,.06);
69  }
70  .nav-logo img { height: 30px; width: auto; }
71  .nav-links { display: flex; gap: 26px; align-items: center; list-style: none; }
72  .nav-links a {
73    font-size: .86rem; letter-spacing: .12em; text-transform: uppercase;
74    color: var(--text-dim); transition: color .2s;
75  }
76  .nav-links a:hover { color: #fff; }
77  .nav-cta {
78    padding: 8px 18px; border-radius: 999px;
79    background: linear-gradient(135deg, var(--accent), var(--accent-2));
80    color: #fff !important; font-weight: 600; letter-spacing: .06em !important;
81  }
82  .nav-right { display: flex; align-items: center; gap: 22px; }
83  .nav-toggle {
84    display: flex; flex-direction: column; justify-content: center; gap: 5px;
85    width: 40px; height: 40px; padding: 0 8px;
86    background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.14);
87    border-radius: 10px; cursor: pointer; transition: background .2s, border-color .2s;
88  }
89  .nav-toggle:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.3); }
90  .nav-toggle span {
91    display: block; height: 2px; width: 100%; border-radius: 2px;
92    background: #e8ecf4; transition: transform .25s, opacity .25s;
93  }
94  body.drawer-open .nav-toggle span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
95  body.drawer-open .nav-toggle span:nth-child(2) { opacity: 0; }
96  body.drawer-open .nav-toggle span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
97
98  /* ---------- App drawer ---------- */
99  .drawer-backdrop {
100    position: fixed; inset: 0; z-index: 190;
101    background: rgba(3,5,10,.6); backdrop-filter: blur(3px);
102    opacity: 0; pointer-events: none; transition: opacity .3s;
103  }
104  body.drawer-open .drawer-backdrop { opacity: 1; pointer-events: auto; }
105  .drawer {
106    position: fixed; top: 0; right: 0; bottom: 0; z-index: 200;
107    width: min(340px, 88vw);
108    background: rgba(9,12,22,.97);
109    border-left: 1px solid rgba(255,255,255,.09);
110    box-shadow: -30px 0 80px rgba(0,0,0,.6);
111    transform: translateX(105%); transition: transform .35s cubic-bezier(.22,.9,.3,1);
112    display: flex; flex-direction: column;
113    overflow-y: auto; overscroll-behavior: contain;
114  }
115  body.drawer-open .drawer { transform: translateX(0); }
116  .drawer-head {
117    display: flex; align-items: center; justify-content: space-between;
118    padding: 20px 22px 14px;
119  }
120  .drawer-head .label {
121    font-family: 'Space Grotesk', sans-serif; font-size: .8rem; font-weight: 600;
122    letter-spacing: .3em; text-transform: uppercase; color: var(--accent);
123  }
124  .drawer-close {
125    background: none; border: 0; color: var(--text-dim); font-size: 1.5rem;
126    cursor: pointer; line-height: 1; padding: 4px 8px; transition: color .2s;
127  }
128  .drawer-close:hover { color: #fff; }
129  .drawer-apps { list-style: none; padding: 0 12px; }
130  .drawer-apps a {
131    display: flex; align-items: center; gap: 14px;
132    padding: 10px 12px; border-radius: 12px; transition: background .18s;
133  }
134  .drawer-apps a:hover { background: rgba(255,255,255,.07); }
135  .drawer-apps img {
136    width: 44px; height: 44px; border-radius: 11px; object-fit: cover;
137    border: 1px solid rgba(255,255,255,.1); flex-shrink: 0;
138  }
139  .drawer-apps .t { min-width: 0; }
140  .drawer-apps .n {
141    font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: .98rem;
142    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
143  }
144  .drawer-apps .d {
145    font-size: .74rem; color: var(--text-dim); letter-spacing: .08em; text-transform: uppercase;
146  }
147  .drawer-sep {
148    height: 1px; background: rgba(255,255,255,.08); margin: 14px 22px;
149  }
150  .drawer-links { list-style: none; padding: 0 12px 10px; }
151  .drawer-links a {
152    display: block; padding: 9px 12px; border-radius: 10px;
153    font-size: .86rem; letter-spacing: .1em; text-transform: uppercase;
154    color: var(--text-dim); transition: background .18s, color .18s;
155  }
156  .drawer-links a:hover { background: rgba(255,255,255,.07); color: #fff; }
157  .drawer-foot {
158    margin-top: auto; padding: 16px 22px 24px;
159    display: flex; gap: 18px;
160  }
161  .drawer-foot a { font-size: .8rem; color: var(--text-dim); transition: color .2s; }
162  .drawer-foot a:hover { color: #fff; }
163
164  /* ---------- Top section (no hero) ---------- */
165  .apps-top {
166    padding-top: 150px;
167    background:
168      radial-gradient(ellipse at 70% -10%, rgba(91,140,255,.14), transparent 55%),
169      radial-gradient(ellipse at 10% 10%, rgba(160,107,255,.1), transparent 50%),
170      var(--bg);
171  }
172  .grad {
173    background: linear-gradient(100deg, #9db8ff, var(--accent-2) 55%, var(--flare));
174    -webkit-background-clip: text; background-clip: text; color: transparent;
175  }
176  .btn {
177    display: inline-block; padding: 14px 32px; border-radius: 999px;
178    font-weight: 600; font-size: .95rem; letter-spacing: .03em;
179    transition: transform .2s, box-shadow .2s;
180  }
181  .btn:hover { transform: translateY(-2px); }
182  .btn-primary {
183    background: linear-gradient(135deg, var(--accent), var(--accent-2));
184    color: #fff; box-shadow: 0 8px 32px rgba(91,140,255,.35);
185  }
186  .btn-primary:hover { box-shadow: 0 12px 40px rgba(120,100,255,.5); }
187  .btn-ghost {
188    border: 1px solid rgba(255,255,255,.25); color: #fff;
189    background: rgba(255,255,255,.04);
190  }
191  .btn-ghost:hover { background: rgba(255,255,255,.1); }
192
193  /* ---------- Shared section bits ---------- */
194  section { padding: 100px 24px; }
195  .wrap { max-width: 1160px; margin: 0 auto; }
196  .kicker {
197    font-size: .78rem; letter-spacing: .3em; text-transform: uppercase;
198    color: var(--accent); font-weight: 600; margin-bottom: 14px;
199  }
200  .section-title { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 700; letter-spacing: -.01em; }
201  .section-sub { color: var(--text-dim); margin-top: 12px; max-width: 620px; font-weight: 300; }
202
203  /* ---------- Featured apps ---------- */
204  .feature {
205    display: grid; grid-template-columns: 1fr 1fr; gap: 60px;
206    align-items: center; margin-top: 90px;
207  }
208  .feature:first-of-type { margin-top: 60px; }
209  .feature.flip .feature-media { order: 2; }
210  .feature-media {
211    position: relative; border-radius: var(--radius); overflow: hidden;
212    border: 1px solid var(--panel-border);
213    box-shadow: 0 30px 80px rgba(0,0,0,.55);
214  }
215  .feature-media img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 4/3; transition: transform .6s ease; }
216  .feature-media:hover img { transform: scale(1.04); }
217  .feature-media .glow {
218    position: absolute; inset: 0; pointer-events: none;
219    background: linear-gradient(180deg, transparent 60%, rgba(5,7,13,.55));
220  }
221  .app-badge { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
222  .app-badge img { width: 56px; height: 56px; border-radius: 14px; box-shadow: 0 6px 24px rgba(0,0,0,.5); }
223  .app-badge .name { font-family: 'Space Grotesk', sans-serif; font-size: 1.5rem; font-weight: 700; }
224  .app-badge .platform { font-size: .75rem; letter-spacing: .18em; text-transform: uppercase; color: var(--text-dim); }
225  .feature h3.tagline {
226    font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 600; line-height: 1.2; margin-bottom: 16px;
227  }
228  .feature p { color: var(--text-dim); font-weight: 300; margin-bottom: 14px; }
229  .feature .meta { display: flex; gap: 18px; align-items: center; margin: 22px 0 26px; flex-wrap: wrap; }
230  .price-pill {
231    padding: 6px 16px; border-radius: 999px; border: 1px solid rgba(255,179,92,.45);
232    color: var(--flare); font-weight: 600; font-size: .9rem;
233  }
234  .meta .note { font-size: .82rem; color: var(--text-dim); }
235  .feature-thumbs { display: flex; gap: 10px; margin-top: 26px; }
236  .feature-thumbs img {
237    width: 33%; aspect-ratio: 1; object-fit: cover; border-radius: 10px;
238    border: 1px solid var(--panel-border); opacity: .85; transition: opacity .2s, transform .2s;
239  }
240  .feature-thumbs img:hover { opacity: 1; transform: translateY(-3px); }
241
242  /* ---------- App grid ---------- */
243  .grid-section { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 50%, var(--bg) 100%); }
244  .app-grid {
245    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 50px;
246  }
247  .app-card {
248    position: relative; border-radius: var(--radius); overflow: hidden;
249    background: var(--panel); border: 1px solid var(--panel-border);
250    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
251    display: flex; flex-direction: column;
252  }
253  .app-card:hover {
254    transform: translateY(-6px);
255    border-color: rgba(91,140,255,.45);
256    box-shadow: 0 20px 50px rgba(0,0,0,.5), 0 0 40px rgba(91,140,255,.12);
257  }
258  .app-card .thumb { aspect-ratio: 16/10; overflow: hidden; background: #0d1220; }
259  .app-card .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
260  .app-card:hover .thumb img { transform: scale(1.06); }
261  .app-card .body { padding: 20px 22px 24px; flex: 1; display: flex; flex-direction: column; }
262  .app-card h4 { font-family: 'Space Grotesk', sans-serif; font-size: 1.15rem; font-weight: 600; margin-bottom: 6px; }
263  .app-card p { font-size: .9rem; color: var(--text-dim); font-weight: 300; flex: 1; }
264  .app-card .card-link {
265    margin-top: 16px; font-size: .84rem; font-weight: 600; letter-spacing: .06em;
266    color: var(--accent); text-transform: uppercase;
267  }
268  .app-card .card-link::after { content: ' →'; transition: margin-left .2s; }
269  .app-card:hover .card-link::after { margin-left: 4px; }
270  .platform-tag {
271    position: absolute; top: 12px; right: 12px; z-index: 2;
272    font-size: .68rem; letter-spacing: .14em; text-transform: uppercase;
273    padding: 4px 10px; border-radius: 999px;
274    background: rgba(5,7,13,.7); backdrop-filter: blur(6px);
275    border: 1px solid rgba(255,255,255,.15); color: #cfd6e4;
276  }
277
278  /* ---------- Gallery strip ---------- */
279  .gallery-strip { padding: 100px 0; text-align: center; }
280  .gallery-strip .head { padding: 0 24px; }
281  .marquee {
282    margin-top: 50px; display: flex; gap: 16px; overflow: hidden;
283    -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
284    mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
285  }
286  .marquee-track { display: flex; gap: 16px; animation: scroll 45s linear infinite; }
287  .marquee:hover .marquee-track { animation-play-state: paused; }
288  @keyframes scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
289  .marquee-track img {
290    height: 240px; width: auto; aspect-ratio: 1; object-fit: cover;
291    border-radius: 14px; border: 1px solid var(--panel-border);
292  }
293
294  /* ---------- Mailing list ---------- */
295  .subscribe {
296    text-align: center;
297    background:
298      radial-gradient(ellipse at 50% 120%, rgba(160,107,255,.16), transparent 60%),
299      var(--bg);
300  }
301  .subscribe-box {
302    max-width: 620px; margin: 0 auto; padding: 56px 40px;
303    border-radius: 24px; background: var(--panel); border: 1px solid var(--panel-border);
304  }
305  .subscribe form { display: flex; gap: 12px; margin-top: 28px; }
306  .subscribe input[type=email] {
307    flex: 1; padding: 14px 20px; border-radius: 999px;
308    background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14);
309    color: #fff; font-size: .95rem; font-family: inherit; outline: none;
310  }
311.subscribe input[type=submit] {
312    padding: 14px 30px; border-radius: 999px; border: 0; cursor: pointer;
313    background: linear-gradient(135deg, var(--accent), var(--accent-2));
314    color: #fff; font-weight: 600; font-size: .95rem; font-family: inherit;
315  }
316  .subscribe input[type=email]:focus { border-color: var(--accent); }
317  .subscribe button {
318    padding: 14px 30px; border-radius: 999px; border: 0; cursor: pointer;
319    background: linear-gradient(135deg, var(--accent), var(--accent-2));
320    color: #fff; font-weight: 600; font-size: .95rem; font-family: inherit;
321  }
322  .discount { color: var(--flare); font-weight: 600; }
323
324  /* ---------- Footer ---------- */
325  footer {
326    border-top: 1px solid rgba(255,255,255,.07);
327    padding: 60px 24px 40px; background: var(--bg);
328  }
329  .footer-grid {
330    max-width: 1160px; margin: 0 auto;
331    display: flex; justify-content: space-between; gap: 40px; flex-wrap: wrap;
332  }
333  .footer-brand img { height: 26px; width: auto; margin-bottom: 14px; }
334  .footer-brand p { max-width: 320px; font-size: .88rem; color: var(--text-dim); font-weight: 300; }
335  .footer-col h5 {
336    font-size: .75rem; letter-spacing: .2em; text-transform: uppercase;
337    color: #fff; margin-bottom: 14px; font-weight: 600;
338  }
339  .footer-col ul { list-style: none; }
340  .footer-col li { margin-bottom: 9px; }
341  .footer-col a { font-size: .88rem; color: var(--text-dim); transition: color .2s; }
342  .footer-col a:hover { color: #fff; }
343  .footer-bottom {
344    max-width: 1160px; margin: 46px auto 0; padding-top: 24px;
345    border-top: 1px solid rgba(255,255,255,.06);
346    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;
347    font-size: .8rem; color: var(--text-dim);
348  }
349
350  /* ---------- Reveal animation ---------- */
351  .reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
352  .reveal.visible { opacity: 1; transform: none; }
353
354  /* ---------- Responsive ---------- */
355  @media (max-width: 900px) {
356    .feature { grid-template-columns: 1fr; gap: 32px; margin-top: 70px; }
357    .feature.flip .feature-media { order: 0; }
358    .app-grid { grid-template-columns: repeat(2, 1fr); }
359  }
360  @media (max-width: 640px) {
361    .nav-links { display: none; }
362    .app-grid { grid-template-columns: 1fr; }
363    .subscribe form { flex-direction: column; }
364    .marquee-track img { height: 170px; }
365  }
366</style>
367</head>
368<body>
369
370<!-- ============ NAV ============ -->
371<nav class="nav">
372  <a class="nav-logo" href="https://brainfevermedia.com/index.html" aria-label="BrainFeverMedia home">
373    <img src="https://brainfevermedia.com/InfiniteSkies/images/logo-white.png" alt="BrainFeverMedia">
374  </a>
375  <div class="nav-right">
376    <ul class="nav-links">
377		
378      <li><a href="https://brainfevermedia.com/gallery.html">Gallery</a></li>
379      <li><a href="https://brainfevermedia.com/support/support.html">Support</a></li>
380      <li><a class="nav-cta" href="https://brainfevermedia.com/Mac/store.html">Store</a></li>
381    </ul>
382    <button class="nav-toggle" id="drawerToggle" aria-label="All apps" aria-expanded="false" aria-controls="appDrawer">
383      <span></span><span></span><span></span>
384    </button>
385  </div>
386</nav>
387
388<!-- ============ APP DRAWER ============ -->
389<div class="drawer-backdrop" id="drawerBackdrop"></div>
390<aside class="drawer" id="appDrawer" aria-label="All apps">
391  <div class="drawer-head">
392    <span class="label">All Apps</span>
393    <button class="drawer-close" id="drawerClose" aria-label="Close">✕</button>
394  </div>
395  <ul class="drawer-apps">
396    <li><a href="https://www.brainfevermedia.com/flarestudio.html">
397      <img src="https://www.brainfevermedia.com/flarestudio/icon.png" alt="" loading="lazy">
398      <span class="t"><span class="n">Flare Studio</span><br><span class="d">Mac</span></span>
399    </a></li>
400    <li><a href="https://www.brainfevermedia.com/orbit_studio.html">
401      <img src="https://www.brainfevermedia.com/assets/orbit_icon_256.png" alt="" loading="lazy">
402      <span class="t"><span class="n">Orbit Studio</span><br><span class="d">Mac</span></span>
403    </a></li>
404    <li><a href="https://www.infiniteart.ai">
405      <img src="https://www.infiniteart.ai/BrainFever/images/home_app_screen2.jpg" alt="" loading="lazy">
406      <span class="t"><span class="n">Infinite Art</span><br><span class="d">Mac &amp; iOS</span></span>
407    </a></li>
408    <li><a href="https://www.infinitephoto.ai">
409      <img src="https://www.infinitephoto.ai/BrainFever/images/home_app_screen2.jpg" alt="" loading="lazy">
410      <span class="t"><span class="n">Infinite Photo</span><br><span class="d">Mac</span></span>
411    </a></li>
412    <li><a href="https://infinitelight.ai">
413      <img src="https://www.brainfevermedia.com/flarestudio/app-teal.jpg" alt="" loading="lazy">
414      <span class="t"><span class="n">Infinite Light</span><br><span class="d">AI</span></span>
415    </a></li>
416    <li><a href="https://www.brainfevermedia.com/InfiniteSkies.html">
417      <img src="https://www.brainfevermedia.com/InfiniteSkies/images/infiniteSkies_combo.jpg" alt="" loading="lazy">
418      <span class="t"><span class="n">Infinite Skies</span><br><span class="d">Mac &amp; iOS</span></span>
419    </a></li>
420    <li><a href="https://www.brainfevermedia.com/neonskies.html">
421      <img src="https://www.brainfevermedia.com/neonskies/images/demo_iphone_ipad.jpg" alt="" loading="lazy">
422      <span class="t"><span class="n">Neon Skies</span><br><span class="d">Mac &amp; iOS</span></span>
423    </a></li>
424    <li><a href="https://www.brainfevermedia.com/InfiniteReflect.html">
425      <img src="https://www.brainfevermedia.com/InfiniteReflect/images/infiniteSkies_combo.jpg" alt="" loading="lazy">
426      <span class="t"><span class="n">Infinite Reflect</span><br><span class="d">Mac &amp; iOS</span></span>
427    </a></li>
428    <li><a href="https://www.brainfevermedia.com/HumansApp.html">
429      <img src="https://www.brainfevermedia.com/HumansApp/images/portfolio/full-project-1.jpg" alt="" loading="lazy">
430      <span class="t"><span class="n">Humans</span><br><span class="d">iOS</span></span>
431    </a></li>
432  </ul>
433  <div class="drawer-sep"></div>
434  <ul class="drawer-links">
435    <li><a href="https://brainfevermedia.com/index_mobile.html">All iPhone Apps</a></li>
436    <li><a href="https://brainfevermedia.com/gallery.html">Gallery</a></li>
437    <li><a href="https://brainfevermedia.com/Mac/store.html">Store</a></li>
438    <li><a href="https://brainfevermedia.com/support/support.html">Support</a></li>
439    <li><a href="https://brainfevermedia.com/brainfevermedia_presskit.zip">Press Kit</a></li>
440  </ul>
441  <div class="drawer-foot">
442    <a href="https://www.instagram.com/brainfevermedia/">Instagram</a>
443    <a href="https://www.facebook.com/brainfevermedia">Facebook</a>
444    <a href="https://twitter.com/brainfevermedia">Twitter / X</a>
445  </div>
446</aside>
447
448<!-- ============ FEATURED APPS ============ -->
449<section id="apps" class="apps-top">
450  <div class="wrap">
451    <div class="reveal visible">
452      <div class="kicker">BrainFeverMedia · Visual Effects for Mac &amp; iPhone</div>
453      <h2 class="section-title" style="font-size:clamp(2.2rem,5.5vw,3.6rem);">The latest from <span class="grad">the studio</span></h2>
454      <p class="section-sub">Lens Flares, Tiny Planets, AI-generated Worlds. Our newest pro apps for Apple silicon.</p>
455    </div>
456
457    <!-- Flare Studio -->
458    <div class="feature reveal">
459      <div class="feature-media">
460        <img src="flarestudio/heroLarge.jpg" alt="Flare Studio — cinematic lens flare over a city skyline" loading="lazy">
461        <div class="glow"></div>
462      </div>
463      <div>
464        <div class="app-badge">
465          <img src="https://www.brainfevermedia.com/flarestudio/icon.png" alt="Flare Studio icon">
466          <div>
467            <div class="name">Flare Studio</div>
468            <div class="platform">macOS 15+ · Apple Silicon &amp;
468 Intel</div>
469          </div>
470        </div>
471        <h3 class="tagline">Cinematic tools. Limitless storytelling.</h3>
472        <p>A physics-based lens simulator with optical-axis tracking. Four flare families — Sci-Fi, Sun, Elements, Sky — plus a full custom flare designer and real-time light controls.</p>
473        <div class="meta">
474          <span class="note">One-time purchase · No subscription</span>
475        </div>
476        <a class="btn btn-primary" href="https://www.brainfevermedia.com/flarestudio.html">Discover Flare Studio</a>
477        <div class="feature-thumbs">
478          
479          <img src="https://www.brainfevermedia.com/flarestudio/showcase-kaiju.jpg" alt="Flare Studio example — kaiju scene" loading="lazy">
480			<img src="https://www.brainfevermedia.com/flarestudio/_infinitephoto_demo8.jpg" alt="Flare Studio example — teal flare" loading="lazy">
481          <img src="https://www.brainfevermedia.com/flarestudio/showcase-portrait.jpg" alt="Flare Studio example — portrait" loading="lazy">
482        </div>
483      </div>
484    </div>
485
486    <!-- Orbit Studio -->
487    <div class="feature flip reveal">
488      <div class="feature-media">
489        <img src="assets/hero2.jpg" alt="Orbit Studio — landscape bent into a tiny planet" loading="lazy">
490        <div class="glow"></div>
491      </div>
492      <div>
493        <div class="app-badge">
494          <img src="https://www.brainfevermedia.com/assets/orbit_icon_256.png" alt="Orbit Studio icon">
495          <div>
496            <div class="name">Orbit Studio</div>
497            <div class="platform">macOS 15+ · Apple Silicon &amp;
497 Intel</div>
498          </div>
499        </div>
500        <h3 class="tagline">One photo in. A planet out.</h3>
501        <p>A live stereographic engine that bends ordinary landscapes into tiny planets, tunnels and spirals — with seam blending, twist &amp; flip controls, and watermark-free export up to 8K.</p>
502        <div class="meta">
503          <span class="note">One-time purchase · All presets &amp; future updates included</span>
504        </div>
505        <a class="btn btn-primary" href="https://www.brainfevermedia.com/orbit_studio.html">Discover Orbit Studio</a>
506        <div class="feature-thumbs">
507          <img src="https://www.brainfevermedia.com/assets/demo2.jpg" alt="Orbit Studio example" loading="lazy">
508          <img src="https://www.brainfevermedia.com/assets/tree.jpg" alt="Orbit Studio example — tree planet" loading="lazy">
509          <img src="https://www.brainfevermedia.com/assets/demo3.jpg" alt="Orbit Studio example" loading="lazy">
510        </div>
511      </div>
512    </div>
513
514    <!-- Infinite Art -->
515    <div class="feature reveal">
516      <div class="feature-media">
517        <img src="https://www.infiniteart.ai/BrainFever/images/home_app_screen2.jpg" alt="Infinite Art — AI creative studio" loading="lazy">
518        <div class="glow"></div>
519      </div>
520      <div>
521        <div class="app-badge">
522          <div>
523            <div class="name">Infinite Art</div>
524            <div class="platform">Mac &amp; iOS · AI-Powered</div>
525          </div>
526        </div>
527        <h3 class="tagline">Tell stories with video. Animate with AI.</h3>
528        <p>An AI creative studio that generates images from your prompts and brings them to life as animated video. Imagine it, type it, watch it move.</p>
529        <div class="meta">
530          <span class="note">Universal app for Mac and iPhone</span>
531        </div>
532        <a class="btn btn-primary" href="https://www.infiniteart.ai">Discover Infinite Art</a>
533      </div>
534    </div>
535  </div>
536</section>
537
538<!-- ============ APP GRID ============ -->
539<section class="grid-section">
540  <div class="wrap">
541    <div class="reveal">
542      <div class="kicker">The Full Lineup</div>
543      <h2 class="section-title">Every app. One mission: amazing images.</h2>
544      <p class="section-sub">From sky replacement to shimmering reflections, there's a BrainFever app for every kind of story.</p>
545    </div>
546    <div class="app-grid">
547
548      <a class="app-card reveal" href="https://www.infinitephoto.ai">
549        <span class="platform-tag">Mac</span>
550        <div class="thumb"><img src="Mac/images/portfolio/infinitephoto_project.jpg" alt="Infinite Photo" loading="lazy"></div>
551        <div class="body">
552          <h4>Infinite Photo</h4>
553          <p>Simple. Powerful. Creative. A pro photo editor with cinematic flares, lens blur and overlays — processed 100% locally on your Mac.</p>
554          <span class="card-link">Learn more</span>
555        </div>
556      </a>
557
558      <a class="app-card reveal" href="https://infinitelight.ai">
559        <span class="platform-tag">AI</span>
560        <div class="thumb"><img src="Mac/images/portfolio/full-project-12.jpg" alt="Infinite Light" loading="lazy"></div>
561        <div class="body">
562          <h4>Infinite Light</h4>
563          <p>Reshape the light in your photos with AI-powered lighting effects.</p>
564          <span class="card-link">Learn more</span>
565        </div>
566      </a>
567
568      <a class="app-card reveal" href="https://www.brainfevermedia.com/InfiniteSkies.html">
569        <span class="platform-tag">Mac &amp; iOS</span>
570        <div class="thumb"><img src="https://www.brainfevermedia.com/InfiniteSkies/images/infiniteSkies_combo.jpg" alt="Infinite Skies" loading="lazy"></div>
571        <div class="body">
572          <h4>Infinite Skies</h4>
573          <p>Replace your skies with timelapse technology — scrub through living skies and pick the perfect frame, with AI sky detection.</p>
574          <span class="card-link">Learn more</span>
575        </div>
576      </a>
577
578      <a class="app-card reveal" href="https://www.brainfevermedia.com/neonskies.html">
579        <span class="platform-tag">Mac &amp; iOS</span>
580        <div class="thumb"><img src="https://www.brainfevermedia.com/neonskies/images/demo_iphone_ipad.jpg" alt="Neon Skies" loading="lazy"></div>
581        <div class="body">
582          <h4>Neon Skies</h4>
583          <p>Take boring vacation photos into a bright cyberpunk world of neon colors. Make your photos pop.</p>
584          <span class="card-link">Learn more</span>
585        </div>
586      </a>
587
588      <a class="app-card reveal" href="https://www.brainfevermedia.com/InfiniteReflect.html">
589        <span class="platform-tag">Mac &amp; iOS</span>
590        <div class="thumb"><img src="https://www.brainfevermedia.com/InfiniteReflect/images/infiniteSkies_combo.jpg" alt="Infinite Reflect" loading="lazy"></div>
591        <div class="body">
592          <h4>Infinite Reflect</h4>
593          <p>Add the magic of shimmering water reflections — 200+ reflection types and atmospheric overlays.</p>
594          <span class="card-link">Learn more</span>
595        </div>
596      </a>
597
598      <a class="app-card reveal" href="https://www.brainfevermedia.com/HumansApp.html">
599        <span class="platform-tag">iOS</span>
600        <div class="thumb"><img src="https://www.brainfevermedia.com/HumansApp/images/portfolio/full-project-1.jpg" alt="Humans Photo Editor" loading="lazy"></div>
601        <div class="body">
602          <h4>Humans</h4>
603          <p>Populate your photos with fun and interesting humans — high-res figures with realistic shadows and reflections.</p>
604          <span class="card-link">Learn more</span>
605        </div>
606      </a>
607
608    </div>
609  </div>
610</section>
611
612<!-- ============ GALLERY STRIP ============ -->
613<section class="gallery-strip">
614  <div class="head reveal">
615    <div class="kicker">Made with BrainFever Apps</div>
616    <h2 class="section-title">Your photos, transformed</h2>
617    <p class="section-sub" style="margin-left:auto; margin-right:auto;">A few creations from our community. See more in the gallery or on Instagram.</p>
618  </div>
619  <div class="marquee reveal" aria-hidden="true">
620    <div class="marquee-track" id="marqueeTrack">
621      <img src="https://www.brainfevermedia.com/InfiniteSkies/images/portfolio/full-project-1.jpg" alt="" loading="lazy">
622      <img src="https://www.brainfevermedia.com/neonskies/images/portfolio/full-project-2.jpg" alt="" loading="lazy">
623      <img src="https://www.brainfevermedia.com/InfiniteReflect/images/portfolio/full-project-3.jpg" alt="" loading="lazy">
624      <img src="https://www.brainfevermedia.com/HumansApp/images/portfolio/full-project-4.jpg" alt="" loading="lazy">
625      <img src="https://www.brainfevermedia.com/InfiniteSkies/images/portfolio/full-project-5.jpg" alt="" loading="lazy">
626      <img src="https://www.brainfevermedia.com/neonskies/images/portfolio/full-project-6.jpg" alt="" loading="lazy">
627      <img src="https://www.brainfevermedia.com/InfiniteReflect/images/portfolio/full-project-1.jpg" alt="" loading="lazy">
628      <img src="https://www.brainfevermedia.com/HumansApp/images/portfolio/full-project-2.jpg" alt="" loading="lazy">
629    </div>
630  </div>
631  <div style="margin-top:44px;" class="reveal">
632    <a class="btn btn-ghost" href="https://brainfevermedia.com/gallery.html">Visit the Gallery</a>
633  </div>
634</section>
635
636<!-- ============ MAILING LIST ============ -->
637<section class="subscribe">
638  <div class="subscribe-box reveal">
639    <h2 class="section-title" style="font-size:1.7rem;">Join the mailing list</h2>
640    <p class="section-sub" style="margin:10px auto 0;">Subscribe to our Mailing List and get 10% your first order.</p>
641    <!-- TODO: point this form's action at your existing mailing-list provider (Mailchimp etc.) -->
642    <form action="https://brainfevermedia.us6.list-manage.com/subscribe/post?u=11f91ca6aa047ede20288184b&amp;id=5d0a112868&amp;f_id=00bac6e1f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
643		
644      <input type="email" name="EMAIL" placeholder="[email protected]" required aria-label="Email address" id="mce-EMAIL">
645		
646		<div id="mce-responses" class="clear">
647<div class="response" id="mce-error-response" style="display:none"></div>
648<div class="response" id="mce-success-response" style="display:none"></div>
649			</div>  <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
650		
651		<input type="text" name="b_11f91ca6aa047ede20288184b_5d0a112868" tabindex="-1" value="" style="display:none">
652	<input type="text" name="SITE" class="text" id="mce-SITE" value="brainfevermedia.com" style="display:none">
653		<div class="clear">
654      <input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"/></div>
655		
656    </form>
657	
657<script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script>
657<script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='SITE';ftypes[1]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
657
658	
659  </div>
660</section>
661
662
663	
664<!-- ============ FOOTER ============ -->
665<footer>
666  <div class="footer-grid">
667    <div class="footer-brand">
668      <img src="https://brainfevermedia.com/InfiniteSkies/images/logo-white.png" alt="BrainFeverMedia">
669      <p>BrainFeverMedia develops some of the best visual effects apps for Mac and iPhone. Our apps empower users to tell their stories with amazing visual effects.</p>
670    </div>
671    <div class="footer-col">
672      <h5>Apps</h5>
673      <ul>
674        <li><a href="https://www.brainfevermedia.com/flarestudio.html">Flare Studio</a></li>
675        <li><a href="https://www.brainfevermedia.com/orbit_studio.html">Orbit Studio</a></li>
676        <li><a href="https://www.infiniteart.ai">Infinite Art</a></li>
677        <li><a href="https://www.infinitephoto.ai">Infinite Photo</a></li>
678        <li><a href="https://www.brainfevermedia.com/InfiniteSkies.html">Infinite Skies</a></li>
679        <li><a href="https://brainfevermedia.com/index_mobile.html">All iPhone apps</a></li>
680      </ul>
681    </div>
682    <div class="footer-col">
683      <h5>Company</h5>
684      <ul>
685        <li><a href="https://brainfevermedia.com/Mac/store.html">Store</a></li>
686        <li><a href="https://brainfevermedia.com/support/support.html">Support</a></li>
687        <li><a href="https://brainfevermedia.com/gallery.html">Gallery</a></li>
688        <li><a href="https://brainfevermedia.com/brainfevermedia_presskit.zip">Press Kit</a></li>
689      </ul>
690    </div>
691    <div class="footer-col">
692      <h5>Follow</h5>
693      <ul>
694        <li><a href="https://www.instagram.com/brainfevermedia/">Instagram</a></li>
695        <li><a href="https://www.facebook.com/brainfevermedia">Facebook</a></li>
696        <li><a href="https://twitter.com/brainfevermedia">Twitter / X</a></li>
697      </ul>
698    </div>
699  </div>
700  <div class="footer-bottom">
701    <span>© BrainFeverMedia 2026</span>
702    <span>
703      <a href="https://brainfevermedia.com/privacyPolicy.html">Privacy</a> ·
704      <a href="https://brainfevermedia.com/terms.html">Terms</a> ·
705      <a href="https://brainfevermedia.com/contentPolicy.html">Content Policy</a>
706    </span>
707  </div>
708</footer>
709
710<script>
711  // Scroll-reveal
712  const io = new IntersectionObserver((entries) => {
713    entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); } });
714  }, { threshold: 0.12 });
715  document.querySelectorAll('.reveal').forEach(el => io.observe(el));
716
717  // Duplicate marquee content for a seamless loop
718  const track = document.getElementById('marqueeTrack');
719  track.innerHTML += track.innerHTML;
720
721  // Gracefully hide any image that fails to load
722  document.querySelectorAll('img').forEach(img => {
723    img.addEventListener('error', () => {
724      const card = img.closest('.thumb');
725      if (card) { card.style.display = 'none'; } else { img.style.display = 'none'; }
726    });
727  });
728
729  // App drawer
730  const toggleBtn = document.getElementById('drawerToggle');
731  function setDrawer(open) {
732    document.body.classList.toggle('drawer-open', open);
733    toggleBtn.setAttribute('aria-expanded', open);
734  }
735  toggleBtn.addEventListener('click', () => setDrawer(!document.body.classList.contains('drawer-open')));
736  document.getElementById('drawerClose').addEventListener('click', () => setDrawer(false));
737  document.getElementById('drawerBackdrop').addEventListener('click', () => setDrawer(false));
738  document.addEventListener('keydown', e => { if (e.key === 'Escape') setDrawer(false); });
739</script>
739
740
741</body>
742</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.