PageSourceSearch

https://www.mindmiami.com/about

html mindmiami.com collected 2026-10-04 01:48:37 UTC 36,673 bytes, 560 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<!-- Meta Pixel Code -->
5<script>
vendor: 399 bytes, lines 5-14
5
6!function(f,b,e,v,n,t,s)
7{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
8n.callMethod.apply(n,arguments):n.queue.push(arguments)};
9if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
10n.queue=[];t=b.createElement(e);t.async=!0;
11t.src=v;s=b.getElementsByTagName(e)[0];
12s.parentNode.insertBefore(t,s)}(window, document,'script',
13'https://connect.facebook.net/en_US/fbevents.js');
14fbq('init', '
141012467201613820
vendor: 30 bytes, lines 14-15
14');
15fbq('track', 'PageView');
16</script>
16
17<noscript><img height="1" width="1" style="display:none"
18src="https://www.facebook.com/tr?id=1012467201613820&ev=PageView&noscript=1"
19/></noscript>
20<!-- End Meta Pixel Code -->
21<meta charset="utf-8">
22<meta name="viewport" content="width=device-width, initial-scale=1">
23<title>About — MIND MIAMI</title>
24<meta name="description" content="Meet MIND MIAMI: a Miami-born creative growth team uniting strategy, branding, content, web, AI, and automation—one team, obsessed with your growth.">
25<link rel="alternate" hreflang="en" href="https://www.mindmiami.com/about">
26<link rel="alternate" hreflang="es" href="https://www.mindmiami.com/about?lang=es">
27<link rel="alternate" hreflang="x-default" href="https://www.mindmiami.com/about">
28<link rel="canonical" href="https://www.mindmiami.com/about">
29<meta property="og:type" content="website">
30<meta property="og:site_name" content="MIND MIAMI">
31<meta property="og:title" content="About — MIND MIAMI">
32<meta property="og:description" content="A Miami-born creative growth team uniting strategy, branding, content, web, AI, and automation under one roof.">
33<meta property="og:url" content="https://www.mindmiami.com/about">
34<meta property="og:image" content="https://www.mindmiami.com/assets/og/og-about.jpg">
35<meta name="twitter:card" content="summary_large_image">
36<link rel="icon" href="/assets/img/favicon-32.png" sizes="32x32">
37<link rel="apple-touch-icon" href="/assets/img/apple-touch-icon.png">
38<link rel="preload" href="/assets/fonts/sora-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
39<link rel="preload" href="/assets/fonts/inter-latin-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
40<link rel="stylesheet" href="/css/system.css?v=agency-public-1">
41<link rel="stylesheet" href="/css/system-pages.css">
42<link rel="stylesheet" href="/css/motion.css">
43<link rel="stylesheet" href="/css/system-overrides.css">
44<link rel="stylesheet" href="/css/art.css">
45<link rel="stylesheet" href="/css/motion2.css">
46<style data-page-css>
47/* about — extensiones mínimas de página sobre system.css + system-pages.css
48   (solo tokens del sistema; componentes canónicos sin variantes nuevas) */
49.story-statement h2 + p { margin: 18px 0 0; }
50.sec-head h2 {
51  font-family: var(--display); font-weight: 700;
52  font-size: clamp(30px, 4vw, 60px);
53  line-height: 1.08; letter-spacing: -.02em; text-transform: uppercase;
54  margin-top: 22px;
55}
56.sec-head h2 em { font-style: italic; font-weight: 600; color: var(--ink-soft); }
57.sec-head--light h2 { color: #fff; }
58.sec-head--light h2 em { color: var(--muted-on-navy); }
59.about-story {
60  display: grid; grid-template-columns: 1.02fr .98fr;
61  gap: clamp(30px, 5vw, 80px);
62  align-items: center;
63  padding: var(--sec-y) var(--pad-x);
64}
65.about-story .sec-copy p { color: var(--ink-soft); max-width: 540px; margin-top: 18px; }
66.pillar-grid { margin-top: clamp(36px, 5vw, 64px); }
67.about-team {
68  display: grid; grid-template-columns: 1.05fr .95fr;
69  gap: clamp(30px, 5vw, 80px);
70  align-items: center;
71  padding: var(--sec-y) var(--pad-x);
72}
73.about-team .sec-copy > p { color: var(--ink-soft); max-width: 560px; margin-top: 18px; }
74.type-panel {
75  background: var(--navy); color: var(--text-on-navy);
76  padding: clamp(30px, 4vw, 56px);
77  display: flex; flex-direction: column; align-items: flex-start; gap: 20px;
78}
79.type-panel img { width: 72px; height: 72px; border-radius: 50%; }
80.type-panel p {
81  font-family: var(--display); font-weight: 700;
82  font-size: clamp(26px, 2.8vw, 42px);
83  line-height: 1.14; letter-spacing: -.015em; text-transform: uppercase;
84  color: #fff;
85}
86.type-panel i { display: block; width: 56px; height: 3px; background: var(--cyan); }
87.about-miami { background: var(--paper-2); padding: var(--sec-y) var(--pad-x) clamp(46px, 6vw, 90px); }
88
89/* ── NIVEL 2 · la escena de Miami (assets/art/scenes.svg#sc-miami) ─────────
90   Va INLINE, no con <use>: con <use> el dibujo vive en shadow DOM y ni el JS
91   ni los selectores de la página alcanzan un solo trazo, así que no habría
92   nada que dibujar. Al inlinear se pierde el <style> del sprite: lo repone
93   /css/art.css (.art-line, .art-thin, .art-accent…). El trazo lo dibuja
94   motion2 (data-draw="enter"): stroke-dashoffset es pintado, no layout. */
95.about-miami {
96  display: grid; grid-template-columns: 1.02fr .98fr;
97  gap: clamp(28px, 5vw, 70px); align-items: center;
98}
99.miami-scene { color: var(--ink); }
100.miami-scene .art-scene { width: 100%; height: auto; display: block; }
101.about-how { background: var(--navy); color: var(--text-on-navy); padding: var(--sec-y) var(--pad-x); }
102.about-how-grid {
103  display: grid; grid-template-columns: 1fr 1fr;
104  gap: clamp(30px, 5vw, 80px);
105  align-items: center;
106  margin-top: clamp(36px, 5vw, 64px);
107}
108.hww-list li { display: flex; align-items: baseline; gap: 16px; border-top: 1px solid var(--line-paper); padding: 16px 2px; }
109.hww-list li:last-child { border-bottom: 1px solid var(--line-paper); }
110.hww-num { font-family: var(--display); font-weight: 700; font-size: 13px; color: var(--cyan); }
111.hww-txt { font-family: var(--display); font-weight: 600; font-size: clamp(17px, 1.7vw, 22px); letter-spacing: -.01em; color: #fff; }
112.about-how .nav-cta { margin-top: 28px; }
113.cta-band-sub { margin-top: 18px; font-size: 15px; color: var(--muted-on-navy); max-width: 520px; }
114/* 08 · hiring band — compacta a propósito: nada de la escala de .cta-band,
115   solo un aviso corto antes del CTA final. Comparte fondo navy con
116   .about-how justo arriba; el filete --line-paper es lo único que las separa. */
117.hiring-band { background: var(--navy); color: var(--text-on-navy); padding: clamp(40px, 5vw, 64px) var(--pad-x); border-top: 1px solid var(--line-paper); }
118.hiring-band-inner { display: flex; align-items: center; justify-content: space-between; gap: clamp(20px, 3vw, 40px); flex-wrap: wrap; }
119.hiring-band-copy { max-width: 620px; }
120.hiring-band h2 {
121  font-family: var(--display); font-weight: 700;
122  font-size: clamp(22px, 2.4vw, 32px);
123  line-height: 1.2; letter-spacing: -.01em; text-transform: uppercase;
124  color: #fff; margin-top: 14px;
125}
126.hiring-band-copy p { margin-top: 10px; font-size: 14px; color: var(--muted-on-navy); max-width: 540px; }
127@media (max-width: 1080px) {
128  .about-story, .about-team, .about-how-grid, .about-miami { grid-template-columns: 1fr; }
129}
130@media (max-width: 560px) {
131  /* system.css colapsa TODO .nav-cta a solo-icono en móvil; sin este par el
132     botón de la banda de hiring quedaría con nombre accesible vacío. */
133  .hiring-band .nav-cta span { display: inline; }
134  .hiring-band .nav-cta { padding: 13px 20px; }
135}
136</style>
137<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"AboutPage","@id":"https://www.mindmiami.com/about#webpage","url":"https://www.mindmiami.com/about","name":"About — MIND MIAMI","description":"Meet MIND MIAMI: a Miami-born creative growth team uniting strategy, branding, content, web, AI, and automation—one team, obsessed with your growth.","about":{"@type":"Organization","name":"MIND MIAMI","url":"https://www.mindmiami.com/","logo":"https://www.mindmiami.com/assets/img/icon-512.png"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.mindmiami.com/"},{"@type":"ListItem","position":2,"name":"About","item":"https://www.mindmiami.com/about"}]}]}</script>
137
138</head>
139<body>
140<a class="skip-link" href="#main" data-es="Saltar al contenido">Skip to content</a>
141<div class="page-progress" aria-hidden="true"></div>
142
143<header class="page-hero" id="top">
144  <div class="page-hero-grid" aria-hidden="true" data-scrub="y:0,50" data-scrub-range="0.05,-1"></div>
145  <div class="page-hero-glow" aria-hidden="true" data-scrub="y:0,90" data-scrub-range="0.05,-1"></div>
146
147  <nav class="nav-shell inner-nav" aria-label="Main navigation" data-en-attr="aria-label:Main navigation" data-es-attr="aria-label:Navegación principal">
148    <a href="/" class="nav-brand" aria-label="Mind Miami home" data-en-attr="aria-label:Mind Miami home" data-es-attr="aria-label:Inicio de Mind Miami">
149      <img class="brand-logo" src="/assets/brand/logo-inverse.png" alt="MIND MIAMI" width="435" height="93">
150    </a>
151    <div class="nav-links">
152      <a href="/" data-es="Inicio">Home</a>
153      <a href="/services" data-es="Servicios">Services</a>
154      <a href="/industries" data-es="Industrias">Industries</a>
155      <a href="/systems" data-es="Sistemas">Systems</a>
156      <a href="/work" data-es="Trabajos">Work</a>
157    </div>
158    <div class="nav-right">
159      <div class="lang-toggle" role="group" aria-label="Language / Idioma">
160        <button type="button" data-lang="en" aria-pressed="true">EN</button>
161        <button type="button" data-lang="es" aria-pressed="false">ES</button>
162      </div>
163      <a class="nav-cta" href="/start">
164        <span data-es="Iniciar un proyecto">Start a project</span>
165        <i aria-hidden="true">↗</i>
166      </a>
167    </div>
168  </nav>
169
170  <div class="page-hero-body">
171    <div class="section-kicker light" data-enter="fade">
172      <span>01</span>
173      <span data-scramble data-es="Nosotros">About</span>
174    </div>
175    <h1 data-enter="slide-up">
176      <span data-es="NOSOTROS">ABOUT</span>
177    </h1>
178    <p class="page-hero-intro" data-enter="slide-up" data-enter-delay="120" data-es="Somos Mind Miami. Tu socio creativo de crecimiento, construido para las marcas de hoy y las oportunidades de mañana.">We're Mind Miami. Your creative growth partner built for today's brands and tomorrow's opportunities.</p>
179    <div class="page-hero-cta" data-enter="slide-up" data-enter-delay="220">
180      <a class="nav-cta" href="/start"><span data-es="Iniciar un proyecto">Start a project</span><i aria-hidden="true">↗</i></a>
181      <a class="text-link" href="#how-we-work" data-es="Cómo trabajamos">How we work</a>
182    </div>
183  </div>
184</header>
185
186<main id="main">
187
188  <!-- Clientes seleccionados (wordmarks tipográficos del contrato) -->
189  <ul class="client-strip" aria-label="Selected clients" data-en-attr="aria-label:Selected clients" data-es-attr="aria-label:Clientes seleccionados">
190    <li class="cs-mark cs-mark--rabbit"><svg viewBox="0 0 137 40" role="img" aria-label="Dirty Rabbit Group"><use href="/assets/brand/clients.svg#cl-rabbit"></use></svg></li>
191    <li class="cs-mark cs-mark--tiendita"><svg viewBox="0 0 149 40" role="img" aria-label="La Tiendita"><use href="/assets/brand/clients.svg#cl-tiendita"></use></svg></li>
192    <li class="cs-mark cs-mark--monkey"><svg viewBox="0 0 116 40" role="img" aria-label="Back Door Monkey"><use href="/assets/brand/clients.svg#cl-monkey"></use></svg></li>
193    <li class="cs-mark cs-mark--mad"><svg viewBox="0 0 133 40" role="img" aria-label="Mad Club"><use href="/assets/brand/clients.svg#cl-mad"></use></svg></li>
194    <li class="cs-mark cs-mark--tulum"><svg viewBox="0 0 104 40" role="img" aria-label="Proyecto Tulum"><use href="/assets/brand/clients.svg#cl-tulum"></use></svg></li>
195    <li class="cs-mark cs-mark--pony"><svg viewBox="0 0 136 40" role="img" aria-label="Pink Pony"><use href="/assets/brand/clients.svg#cl-pony"></use></svg></li>
196    <li class="cs-mark cs-mark--ufactory"><svg viewBox="0 0 142 40" role="img" aria-label="UFACTORY"><use href="/assets/brand/clients.svg#cl-ufactory"></use></svg></li>
197  </ul>
198
199  <!-- 02 · OUR MISSION — statement de mindset -->
200  <section class="main-story">
201    <div class="reveal">
202      <div class="section-kicker">
203        <span>02</span>
204        <span data-scramble data-es="NUESTRA MISIÓN">OUR MISSION</span>
205      </div>
206    </div>
207    <div class="story-statement reveal">
208      <h2 data-scrub="clip:100,0|y:40,0" data-scrub-range="0.95,0.35" data-en-html="WE BUILD BRANDS <em>THAT SCALE.</em>" data-es-html="CONSTRUIMOS MARCAS <em>QUE ESCALAN.</em>">WE BUILD BRANDS <em>THAT SCALE.</em></h2>
209      <p data-scrub="y:24,0|opacity:0,1" data-scrub-range="0.95,0.7" data-es="Mind Miami ayuda a empresas con mentalidad de crecimiento a que las vean, las elijan y crezcan con propósito.">Mind Miami helps growth-minded companies get seen, get chosen, and grow with purpose.</p>
210    </div>
211    <aside class="story-aside" data-scrub="y:34,0|opacity:0,1" data-scrub-range="0.98,0.55">
212      <img src="/assets/brand/seal.webp" width="360" height="360" alt="" aria-hidden="true" loading="lazy">
213      <p data-en-html="ONE TEAM.<br>ONE PLAN.<br>ONE GOAL: <b>GROWTH.</b>" data-es-html="UN EQUIPO.<br>UN PLAN.<br>UNA META: <b>CRECER.</b>">ONE TEAM.<br>ONE PLAN.<br>ONE GOAL: <b>GROWTH.</b></p>
214    </aside>
215  </section>
216
217  <!-- 03 · OUR STORY -->
218  <section class="about-story">
219    <div class="sec-head sec-copy reveal">
220      <div class="section-kicker">
221        <span>03</span>
222        <span data-scramble data-es="NUESTRA HISTORIA">OUR STORY</span>
223      </div>
224      <h2 data-en-html="BUILT IN MIAMI.<br><em>BUILT DIFFERENT.</em>" data-es-html="CONSTRUIDO EN MIAMI.<br><em>CONSTRUIDO DIFERENTE.</em>">BUILT IN MIAMI.<br><em>BUILT DIFFERENT.</em></h2>
225      <p data-es="Mind Miami nació de una idea simple: las marcas con mentalidad de crecimiento merecen un socio que avance tan rápido como ellas. Nacidos del ritmo de Miami y moldeados por su diversidad, construimos un equipo que combina estrategia, creatividad y tecnología bajo un mismo techo, para que los fundadores dejen de improvisar con freelancers sueltos y empiecen a escalar.">Mind Miami started with a simple idea: growth-minded brands deserve a partner that moves as fast as they do. Born in Miami's hustle and shaped by its diversity, we built a team that blends strategy, creativity, and technology under one roof—so founders can stop stitching together freelancers and start scaling.</p>
226    </div>
227    <div class="service-image" data-scrub="clip-r:100,0" data-scrub-range="1,0.6">
228      <picture data-scrub="scale:1.15,1" data-scrub-range="1,0.6">
229        <source type="image/avif" srcset="/assets/services/strategy-paper-800.avif 800w, /assets/services/strategy-paper-1400.avif 1400w" sizes="(max-width: 1080px) 92vw, 46vw">
230        <source type="image/webp" srcset="/assets/services/strategy-paper-800.webp 800w, /assets/services/strategy-paper-1400.webp 1400w" sizes="(max-width: 1080px) 92vw, 46vw">
231        <img src="/assets/services/strategy-paper-800.webp" width="1400" height="788" loading="lazy" decoding="async"
232             alt="The Mind Miami team working through brand direction together in the studio" data-en-attr="alt:The Mind Miami team working through brand direction together in the studio" data-es-attr="alt:El equipo de Mind Miami trabajando junto la dirección de marca en el estudio">
233      </picture>
234      <span class="image-index">MIND / 03</span>
235    </div>
236  </section>
237
238  <!-- 04 · OUR BRAND PILLARS — .experience-card -->
239  <section class="experience-section">
240    <header class="experience-header reveal">
241      <div class="section-kicker light">
242        <span>04</span>
243      </div>
244      <h2 data-es="NUESTROS PILARES">OUR BRAND PILLARS</h2>
245    </header>
246    <div class="experience-grid pillar-grid">
247      <article class="experience-card cyan-card reveal">
248        <span aria-hidden="true">01</span>
249        <h3 data-es="CRECIMIENTO">GROWTH</h3>
250        <p data-es="La brújula detrás de cada decisión: más visibilidad, más leads, más ingresos.">The north star behind every decision—more visibility, more leads, more revenue.</p>
251      </article>
252      <article class="experience-card reveal">
253        <span aria-hidden="true">02</span>
254        <h3 data-es="ESTRATEGIA">STRATEGY</h3>
255        <p data-es="Posicionamiento claro y un plan construido alrededor de tus metas, no de suposiciones.">Clear positioning and a plan built around your goals, not guesswork.</p>
256      </article>
257      <article class="experience-card reveal">
258        <span aria-hidden="true">03</span>
259        <h3 data-es="CONTENIDO">CONTENT</h3>
260        <p data-es="Creatividad que detiene el scroll, genera confianza y mueve a la acción.">Scroll-stopping creative that builds trust and moves people to act.</p>
261      </article>
262      <article class="experience-card reveal">
263        <span aria-hidden="true">04</span>
264        <h3>BRANDING</h3>
265        <p data-es="Una identidad distintiva que te hace memorable e imposible de confundir con otros.">A distinct identity that makes you memorable and impossible to confuse with anyone else.</p>
266      </article>
267      <article class="experience-card reveal">
268        <span aria-hidden="true">05</span>
269        <h3 data-es="SISTEMAS">SYSTEMS</h3>
270        <p data-es="IA y automatización que mantienen todo en marcha, para que crecer no dependa de más horas.">AI and automation that keep everything running—so growth doesn't depend on more hours.</p>
271      </article>
272    </div>
273  </section>
274
275  <!-- 05 · OUR TEAM MODEL -->
276  <section class="about-team">
277    <div class="sec-head sec-copy reveal">
278      <div class="section-kicker">
279        <span>05</span>
280        <span data-scramble data-es="NUESTRO MODELO DE EQUIPO">OUR TEAM MODEL</span>
281      </div>
282      <h2 data-en-html="SENIOR TEAM.<br><em>WITHOUT THE OVERHEAD.</em>" data-es-html="EQUIPO SENIOR.<br><em>SIN NÓMINA EXTRA.</em>">SENIOR TEAM.<br><em>WITHOUT THE OVERHEAD.</em></h2>
283      <p data-es="Piensa en nosotros como el equipo que contratarías internamente, sin los salarios, beneficios ni dolores de cabeza de gestión. Estrategas, creativos y especialistas que se integran a tu negocio y avanzan como si fueran parte de tu nómina.">Think of us as the team you'd hire in-house—minus the salaries, benefits, and management headaches. Strategists, creatives, and specialists who plug into your business and move like they're on payroll.</p>
284      <div class="service-detail">
285        <ul>
286          <li data-es="Conéctate. Sube de Nivel.">Plug In. Level Up.</li>
287          <li data-es="Avanza Más Rápido.">Move Faster.</li>
288          <li data-es="Mantente Enfocado.">Stay Focused.</li>
289          <li data-es="Ganemos Juntos.">Win Together.</li>
290        </ul>
291      </div>
292    </div>
293    <aside class="type-panel" data-scrub="y:34,0|opacity:0,1" data-scrub-range="0.98,0.6">
294      <img src="/assets/brand/seal.webp" width="360" height="360" alt="" aria-hidden="true" loading="lazy">
295      <p data-split="words" data-split-stagger="70" data-es="HUMANOS REALES. CERO RESPUESTAS AUTOMÁTICAS.">REAL HUMANS. NO AUTOMATED BS.</p>
296      <i aria-hidden="true"></i>
297    </aside>
298  </section>
299
300  <!-- 06 · WHY MIAMI -->
301  <section class="about-miami">
302    <div class="sec-head reveal">
303      <div class="section-kicker">
304        <span>06</span>
305        <span data-scramble data-es="POR QUÉ MIAMI">WHY MIAMI</span>
306      </div>
307      <h2 data-en-html="MIAMI IS MORE THAN OUR HOME—<br><em>IT'S OUR INSPIRATION.</em>" data-es-html="MIAMI ES MÁS QUE NUESTRA CASA—<br><em>ES NUESTRA INSPIRACIÓN.</em>">MIAMI IS MORE THAN OUR HOME—<br><em>IT'S OUR INSPIRATION.</em></h2>
308    </div>
309    <div class="miami-scene">
310      <svg class="art-scene" viewBox="0 0 800 500" aria-hidden="true" focusable="false"
311           data-draw="enter" data-draw-stagger="17" data-draw-speed="1.7">
312        <g data-layer="1"><circle cx="566" cy="150" r="78" class="art-accent"/>
313          <circle cx="566" cy="150" r="78" class="art-line art-draw" pathLength="1"/>
314          <path d="M495.8 116L636.2 116" class="art-line art-thin"/>
315          <path d="M488 150L644 150" class="art-line art-thin"/>
316          <path d="M495.8 184L636.2 184" class="art-line art-thin"/>
317          <path d="M40 372L40 300L78 300L78 268L112 268L112 318L150 318L150 246L188 246L188 290L232 290L232 214L268 214L268 262L312 262L312 300L356 300L356 232L398 232L398 278L440 278L440 204L486 204L486 258L528 258L528 226L572 226L572 286L616 286L616 242L660 242L660 300L700 300L700 266L744 266L744 372" class="art-line art-thin art-draw" pathLength="1"/>
318          <path d="M232 214L232 180" class="art-line art-thin"/>
319          <path d="M440 204L440 168" class="art-line art-thin"/>
320          </g>
321        
322        <g data-layer="2"><rect x="190" y="206" width="64" height="194" class="art-line art-draw" pathLength="1"/>
323          <path d="M199 232L245 232" class="art-line art-thin"/>
324          <path d="M199 258L245 258" class="art-line art-thin"/>
325          <path d="M199 284L245 284" class="art-line art-thin"/>
326          <path d="M199 310L245 310" class="art-line art-thin"/>
327          <path d="M199 336L245 336" class="art-line art-thin"/>
328          <path d="M199 362L245 362" class="art-line art-thin"/>
329          <path d="M199 388L245 388" class="art-line art-thin"/>
330          <path d="M222 206L222 166" class="art-line"/>
331          <rect x="286" y="292" width="58" height="108" class="art-line art-draw" pathLength="1"/>
332          <path d="M295 318L335 318" class="art-line art-thin"/>
333          <path d="M295 344L335 344" class="art-line art-thin"/>
334          <path d="M295 370L335 370" class="art-line art-thin"/>
335          <rect x="302" y="278" width="32" height="14" class="art-line art-thin"/>
336          <path d="M368 400V250Q403 210 438 250V400" class="art-line art-draw" pathLength="1"/>
337          <path d="M377 284L429 284" class="art-line art-thin"/>
338          <path d="M377 310L429 310" class="art-line art-thin"/>
339          <path d="M377 336L429 336" class="art-line art-thin"/>
340          <path d="M377 362L429 362" class="art-line art-thin"/>
341          <path d="M377 388L429 388" class="art-line art-thin"/>
342          <rect x="464" y="268" width="62" height="132" class="art-line art-draw" pathLength="1"/>
343          <path d="M473 294L517 294" class="art-line art-thin"/>
344          <path d="M473 320L517 320" class="art-line art-thin"/>
345          <path d="M473 346L517 346" class="art-line art-thin"/>
346          <path d="M473 372L517 372" class="art-line art-thin"/>
347          <rect x="474" y="298" width="42" height="14" class="art-accent"/>
348          <rect x="474" y="298" width="42" height="14" class="art-line art-thin"/>
349          <path d="M556 400V244L590 208L624 244V400" class="art-line art-draw" pathLength="1"/>
350          <path d="M565 270L615 270" class="art-line art-thin"/>
351          <path d="M565 296L615 296" class="art-line art-thin"/>
352          <path d="M565 322L615 322" class="art-line art-thin"/>
353          <path d="M565 348L615 348" class="art-line art-thin"/>
354          <path d="M565 374L615 374" class="art-line art-thin"/>
355          <rect x="620" y="290" width="52" height="110" class="art-line art-draw" pathLength="1"/>
356          <path d="M629 316L663 316" class="art-line art-thin"/>
357          <path d="M629 342L663 342" class="art-line art-thin"/>
358          <path d="M629 368L663 368" class="art-line art-thin"/>
359          <path d="M30 400L770 400" class="art-line"/>
360          <path d="M190 416L254 416" class="art-line art-thin"/>
361          <path d="M286 416L344 416" class="art-line art-thin"/>
362          <path d="M368 416L438 416" class="art-line art-thin"/>
363          <path d="M464 416L526 416" class="art-line art-thin"/>
364          <path d="M556 416L624 416" class="art-line art-thin"/>
365          <path d="M620 416L672 416" class="art-line art-thin"/>
366          <path d="M204 432L248 432" class="art-line art-thin"/>
367          <path d="M298 432L338 432" class="art-line art-thin"/>
368          <path d="M382 432L428 432" class="art-line art-thin"/>
369          <path d="M476 432L518 432" class="art-line art-thin"/>
370          <path d="M568 432L614 432" class="art-line art-thin"/>
371          <path d="M630 432L664 432" class="art-line art-thin"/>
372          <path d="M216 446L242 446" class="art-line art-thin"/>
373          <path d="M310 446L332 446" class="art-line art-thin"/>
374          <path d="M394 446L420 446" class="art-line art-thin"/>
375          <path d="M486 446L510 446" class="art-line art-thin"/>
376          <path d="M580 446L608 446" class="art-line art-thin"/>
377          <path d="M640 446L658 446" class="art-line art-thin"/>
378          <rect x="492" y="416" width="116" height="6" class="art-accent"/>
379          <rect x="512" y="432" width="76" height="6" class="art-accent"/>
380          </g>
381        
382        <g data-layer="3"><path d="M152 500C141 424 125 350 108 276" class="art-line art-draw" pathLength="1"/>
383          <path d="M168 500C157 424 140 348 122 272" class="art-line"/>
384          <path d="M147.1 468.2L154.4 471.2" class="art-line art-thin"/>
385          <path d="M156.6 431.6L149.4 434.6" class="art-line art-thin"/>
386          <path d="M134 396.2L141.1 399.2" class="art-line art-thin"/>
387          <path d="M141.8 358.6L134.9 361.6" class="art-line art-thin"/>
388          <path d="M119 324.9L125.8 327.9" class="art-line art-thin"/>
389          <g transform="translate(114 270)"><path d="M0 0Q-46.1 -24.3 -93.8 -6.6Q-47.7 -2.3 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
390          <path d="M0 0Q-46.9 -13.3 -93.8 -6.6" class="art-line art-thin art-round"/>
391          <path d="M0 0Q-27.3 -54.5 -69.3 -54.2Q-42.1 -35.6 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
392          <path d="M0 0Q-34.7 -45.1 -69.3 -54.2" class="art-line art-thin art-round"/>
393          <path d="M0 0Q0.5 -57.8 -22.1 -76.9Q-22.6 -51.1 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
394          <path d="M0 0Q-11 -54.5 -22.1 -76.9" class="art-line art-thin art-round"/>
395          <path d="M0 0Q28.9 -53.3 35.8 -80.4Q6.9 -63.1 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
396          <path d="M0 0Q17.9 -58.2 35.8 -80.4" class="art-line art-thin art-round"/>
397          <path d="M0 0Q48 -27.2 86.3 -42.1Q38.3 -46.9 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
398          <path d="M0 0Q43.1 -37 86.3 -42.1" class="art-line art-thin art-round"/>
399          <path d="M0 0Q36.1 7.9 76.3 16.2Q40.2 -11.7 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
400          <path d="M0 0Q38.1 -1.9 76.3 16.2" class="art-line art-thin art-round"/>
401          <path d="M0 0Q-39.3 -8.5 -73.7 18.4Q-34.5 10.9 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
402          <path d="M0 0Q-36.9 1.2 -73.7 18.4" class="art-line art-thin art-round"/>
403          <circle cx="11" cy="13" r="5.5" class="art-accent"/>
404          <circle cx="11" cy="13" r="5.5" class="art-line art-thin"/>
405          <circle cx="-6" cy="17" r="5" class="art-line art-thin"/>
406          <circle cx="4" cy="25" r="4.5" class="art-line art-thin"/>
407          </g>
408        <path d="M692 500C702 452 714 396 724 344" class="art-line art-draw" pathLength="1"/>
409          <path d="M706 500C716 450 728 392 738 340" class="art-line"/>
410          <path d="M696.3 479.4L702.7 482.4" class="art-line art-thin"/>
411          <path d="M715.4 453.2L709 456.2" class="art-line art-thin"/>
412          <path d="M706.7 429.8L713.1 432.8" class="art-line art-thin"/>
413          <path d="M726 401.1L719.5 404.1" class="art-line art-thin"/>
414          <path d="M717.2 378.8L723.6 381.8" class="art-line art-thin"/>
415          <g transform="translate(730 338) scale(-0.74 0.74)"><path d="M0 0Q-46.1 -24.3 -93.8 -6.6Q-47.7 -2.3 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
416          <path d="M0 0Q-46.9 -13.3 -93.8 -6.6" class="art-line art-thin art-round"/>
417          <path d="M0 0Q-27.3 -54.5 -69.3 -54.2Q-42.1 -35.6 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
418          <path d="M0 0Q-34.7 -45.1 -69.3 -54.2" class="art-line art-thin art-round"/>
419          <path d="M0 0Q0.5 -57.8 -22.1 -76.9Q-22.6 -51.1 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
420          <path d="M0 0Q-11 -54.5 -22.1 -76.9" class="art-line art-thin art-round"/>
421          <path d="M0 0Q28.9 -53.3 35.8 -80.4Q6.9 -63.1 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
422          <path d="M0 0Q17.9 -58.2 35.8 -80.4" class="art-line art-thin art-round"/>
423          <path d="M0 0Q48 -27.2 86.3 -42.1Q38.3 -46.9 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
424          <path d="M0 0Q43.1 -37 86.3 -42.1" class="art-line art-thin art-round"/>
425          <path d="M0 0Q36.1 7.9 76.3 16.2Q40.2 -11.7 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
426          <path d="M0 0Q38.1 -1.9 76.3 16.2" class="art-line art-thin art-round"/>
427          <path d="M0 0Q-39.3 -8.5 -73.7 18.4Q-34.5 10.9 0 0Z" class="art-line art-thin art-round art-draw" pathLength="1"/>
428          <path d="M0 0Q-36.9 1.2 -73.7 18.4" class="art-line art-thin art-round"/>
429          <circle cx="11" cy="13" r="5.5" class="art-accent"/>
430          <circle cx="11" cy="13" r="5.5" class="art-line art-thin"/>
431          <circle cx="-6" cy="17" r="5" class="art-line art-thin"/>
432          <circle cx="4" cy="25" r="4.5" class="art-line art-thin"/>
433          </g>
434        </g>
435        </svg>
436    </div>
437  </section>
438  <section class="brand-marquee" aria-label="Why Miami" data-en-attr="aria-label:Why Miami" data-es-attr="aria-label:Por qué Miami">
439    <div class="brand-marquee-track">
440      <span data-es="CULTURA DIVERSA">DIVERSE CULTURE</span><i aria-hidden="true">●</i>
441      <span data-es="ENERGÍA GLOBAL">GLOBAL ENERGY</span><i aria-hidden="true">●</i>
442      <span data-es="ESPÍRITU CREATIVO">CREATIVE SPIRIT</span><i aria-hidden="true">●</i>
443      <span data-es="OPORTUNIDAD INFINITA">ENDLESS OPPORTUNITY</span><i aria-hidden="true">●</i>
444      <span data-es="CULTURA DIVERSA">DIVERSE CULTURE</span><i aria-hidden="true">●</i>
445      <span data-es="ENERGÍA GLOBAL">GLOBAL ENERGY</span><i aria-hidden="true">●</i>
446      <span data-es="ESPÍRITU CREATIVO">CREATIVE SPIRIT</span><i aria-hidden="true">●</i>
447      <span data-es="OPORTUNIDAD INFINITA">ENDLESS OPPORTUNITY</span><i aria-hidden="true">●</i>
448    </div>
449  </section>
450
451  <!-- 07 · HOW WE WORK -->
452  <section class="about-how" id="how-we-work">
453    <div class="sec-head sec-head--light reveal">
454      <div class="section-kicker light">
455        <span>07</span>
456        <span data-scramble data-es="CÓMO TRABAJAMOS">HOW WE WORK</span>
457      </div>
458      <h2 data-en-html="STRATEGY. AI. CONTENT.<br>BRANDING. SYSTEMS.<br><em>ALL WORKING TOGETHER.</em>" data-es-html="ESTRATEGIA. IA. CONTENIDO.<br>BRANDING. SISTEMAS.<br><em>TODO TRABAJANDO JUNTO.</em>">STRATEGY. AI. CONTENT.<br>BRANDING. SYSTEMS.<br><em>ALL WORKING TOGETHER.</em></h2>
459    </div>
460    <div class="about-how-grid">
461      <div class="service-image">
462        <div class="system-board" aria-hidden="true">
463          <p class="board-title" data-es="CÓMO TRABAJAMOS / UN SISTEMA">HOW WE WORK / ONE SYSTEM</p>
464          <div class="flow-row">
465            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.9,0.78"><b></b><span data-es="ESTRATEGIA">STRATEGY</span></span>
466            <span class="flow-line"></span>
467            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.85,0.73"><b></b><span data-es="CONTENIDO">CONTENT</span></span>
468          </div>
469          <div class="flow-row">
470            <span class="flow-line" style="max-width:38px"></span>
471            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.8,0.68"><b></b><span>BRANDING</span></span>
472            <span class="flow-line"></span>
473            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.75,0.63"><b></b><span data-es="SISTEMAS">SYSTEMS</span></span>
474          </div>
475          <div class="flow-row">
476            <span class="flow-line" style="max-width:70px"></span>
477            <span class="flow-node" data-scrub="opacity:0,1" data-scrub-range="0.7,0.58"><b></b><span data-es="IA + AUTOMATIZACIÓN">AI + AUTOMATION</span></span>
478          </div>
479        </div>
480        <span class="image-index">MIND / 07</span>
481      </div>
482      <div>
483        <ol class="hww-list">
484          <li><span class="hww-num" aria-hidden="true">01</span><span class="hww-txt" data-es="Estrategia Inteligente">Smart Strategy</span></li>
485          <li><span class="hww-num" aria-hidden="true">02</span><span class="hww-txt" data-es="Flujos Impulsados por IA">AI-Powered Workflows</span></li>
486          <li><span class="hww-num" aria-hidden="true">03</span><span class="hww-txt" data-es="Contenido Que Convierte">Content That Converts</span></li>
487          <li><span class="hww-num" aria-hidden="true">04</span><span class="hww-txt" data-es="Marcas Que Lideran">Brands That Lead</span></li>
488          <li><span class="hww-num" aria-hidden="true">05</span><span class="hww-txt" data-es="Sistemas Que Escalan">Systems That Scale</span></li>
489        </ol>
490        <a class="nav-cta" href="/start"><span data-es="HABLEMOS">LET'S TALK</span><i aria-hidden="true">↗</i></a>
491      </div>
492    </div>
493  </section>
494
495  <!-- 08 · HIRING — compact band before the final CTA -->
496  <section class="hiring-band">
497    <div class="hiring-band-inner reveal">
498      <div class="hiring-band-copy">
499        <div class="section-kicker light">
500          <span>08</span>
501          <span data-scramble data-es="CARRERAS">CAREERS</span>
502        </div>
503        <h2 data-es-html="¿CREATIVO/A EN MIAMI?<br>ESTAMOS CONTRATANDO.">CREATIVE IN MIAMI?<br>WE'RE HIRING.</h2>
504        <p data-es="Buscamos diseñador/a, social media coordinator, intern de community y ventas—y mantenemos aplicación abierta para editores, videógrafos y community.">We're hiring a designer, social media coordinator, community intern, and sales—plus an open application for editors, videographers, and community.</p>
505      </div>
506      <a class="nav-cta" href="/careers">
507        <span data-es="Ver posiciones">See open roles</span>
508        <i aria-hidden="true">↗</i>
509      </a>
510    </div>
511  </section>
512
513  <!-- CTA final + footer del home -->
514  <section class="cta-band">
515    <div class="cta-band-inner">
516      <div>
517        <h2 data-en-html="LET'S BUILD SOMETHING<br><span class=&quot;cyan-word&quot;>THAT LASTS.</span>" data-es-html="CONSTRUYAMOS ALGO<br><span class=&quot;cyan-word&quot;>QUE PERDURE.</span>">LET'S BUILD SOMETHING<br><span class="cyan-word">THAT LASTS.</span></h2>
518        <p class="cta-band-sub" data-es="El crecimiento real necesita algo más que un proveedor. Necesita un equipo comprometido contigo a largo plazo.">Real growth takes more than a vendor. It takes a team that's in it with you—for the long run.</p>
519      </div>
520      <a href="/start" class="contact-circle">
521        <span data-es="Hablemos">Let's talk</span>
522        <i aria-hidden="true">↗</i>
523      </a>
524    </div>
525    <footer class="site-footer">
526      <div class="footer-grid">
527        <div class="footer-brand">
528          <a href="#top" aria-label="Back to top" data-en-attr="aria-label:Back to top" data-es-attr="aria-label:Volver arriba">
529            <img src="/assets/brand/logo-inverse.png" alt="MIND MIAMI" width="435" height="93" loading="lazy">
530          </a>
531          <p data-es="Sistemas creativos de crecimiento impulsados por estrategia, IA y cultura.">Creative growth systems powered by strategy, AI, and culture.</p>
532        </div>
533        <nav class="footer-dir" aria-label="Site" data-en-attr="aria-label:Site" data-es-attr="aria-label:Sitio">
534          <a href="/services" data-es="Servicios">Services</a>
535          <a href="/work" data-es="Trabajos">Work</a>
536          <a href="/packages" data-es="Paquetes">Packages</a>
537          <a href="/systems" data-es="Sistemas">Systems</a>
538          <a href="/insights" data-es="Recursos">Insights</a>
539          <a href="/about" data-es="Nosotros">About</a>
540          <a href="/careers" data-es="Únete al equipo">Careers</a>
541          <a href="/contact" data-es="Contacto">Contact</a>
542          <a href="https://workspace.mindmiami.com" rel="noopener" data-es="Workspace de clientes ↗">Client Workspace ↗</a>
543        </nav>
544        <div class="footer-legal">
545          <span>© 2026 MIND MIAMI · MIAMI, FL</span><br>
546          <a href="/privacy" data-es="Privacidad">Privacy</a> · <a href="/terms" data-es="Términos">Terms</a>
547        </div>
548      </div>
549    </footer>
550  </section>
551
552</main>
553
554<script defer src="/js/i18n.js"></script>
vendor: 1 bytes, line 554
554
555<script defer src="/js/system.js?v=agency-public-1"></script>
vendor: 1 bytes, line 555
555
556<script defer src="/js/motion.js"></script>
vendor: 1 bytes, line 556
556
557<script defer src="/js/motion2.js"></script>
557
558</body>
559</html>
560

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.