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 & 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 & 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 & 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 & 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 & 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 & 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 &
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 &
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 & flip controls, and watermark-free export up to 8K.</p> 502 <div class="meta"> 503 <span class="note">One-time purchase · All presets & 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 & 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 & 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 & 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 & 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&id=5d0a112868&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.