PageSourceSearch

https://thefocus.ai/

html thefocus.ai collected 2026-10-03 20:44:19 UTC 37,665 bytes, 110 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>TheFocus.AI — Amplifying Intelligence</title><meta name="description" content="We find where AI makes your teams sharper, build it into the workflows they already trust, and teach your team as we go."><link rel="canonical" href="https://thefocus.ai/"><link rel="icon" type="image/svg+xml" href="/assets/logo-mark.svg"><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><link rel="sitemap" href="/sitemap-index.xml"><meta property="og:type" content="website"><meta property="og:title" content="TheFocus.AI — Amplifying Intelligence"><meta property="og:description" content="We find where AI makes your teams sharper, build it into the workflows they already trust, and teach your team as we go."><meta property="og:url" content="https://thefocus.ai/"><meta property="og:image" content="https://thefocus.ai/assets/hero-cinematic-train-b.jpg"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="TheFocus.AI — Amplifying Intelligence"><meta name="twitter:description" content="We find where AI makes your teams sharper, build it into the workflows they already trust, and teach your team as we go."><meta name="twitter:image" content="https://thefocus.ai/assets/hero-cinematic-train-b.jpg">
1<script defer data-domain="thefocus.ai" src="https://plausible.io/js/script.js"></script>
1<link rel="stylesheet" href="/_astro/habitats.CKNLZv_H.css">
2<link rel="stylesheet" href="/_astro/movie-studio.CQ3IotDc.css">
3<link rel="stylesheet" href="/_astro/index.Cq3sUn9c.css"></head> <body class="bg-[#0A0A0A] text-[#E5E5E5] font-sans antialiased"> <nav class="border-b border-white/10 sticky top-0 z-40 bg-[#0A0A0A]/90 backdrop-blur"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-5 flex items-center justify-between"> <a href="/" class="flex items-center gap-x-2"> <img src="/assets/logo-mark.svg" alt="" aria-hidden="true" class="logo-mark-focus w-5 h-5 shrink-0"> <span class="font-semibold tracking-tight text-lg">TheFocus<span class="text-[#556B2F]">.AI</span></span> </a> <!-- Desktop nav --> <div class="hidden md:flex items-center gap-x-8 text-sm text-[#B0B0B0]"> <a href="/#method" class="text-white transition-colors"> Method </a><a href="/work/" class="hover:text-white transition-colors"> Work </a><a href="/habitats/" class="hover:text-white transition-colors"> Habitats </a><a href="/studio/" class="hover:text-white transition-colors"> Studio </a> <a href="/cdn-cgi/l/email-protection#2a5d5949424f44416a5e424f4c45495f59044b43" class="px-5 py-2 text-sm border border-white/20 text-[#E5E5E5] hover:bg-white/5 transition-colors">
4Start a project
5</a> </div> <!-- Mobile menu trigger --> <button id="menuToggle" class="md:hidden w-9 h-9 flex items-center justify-center border border-white/15 hover:bg-white/5 transition-colors" aria-label="Open menu" aria-expanded="false" aria-controls="mobileMenu"> <span class="menu-icon-open"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M3 6h18M3 12h18M3 18h18"></path> </svg></span> <span class="menu-icon-close hidden"><svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M6 6l12 12M18 6L6 18"></path> </svg></span> </button> </div> <!-- Mobile menu panel --> <div id="mobileMenu" class="md:hidden hidden border-t border-white/10"> <div class="max-w-screen-xl mx-auto px-5 py-4 flex flex-col text-sm"> <a href="/#method" class="py-2.5 text-white transition-colors"> Method </a><a href="/work/" class="py-2.5 text-[#B0B0B0] hover:text-white transition-colors"> Work </a><a href="/habitats/" class="py-2.5 text-[#B0B0B0] hover:text-white transition-colors"> Habitats </a><a href="/studio/" class="py-2.5 text-[#B0B0B0] hover:text-white transition-colors"> Studio </a> <a href="/cdn-cgi/l/email-protection#374044545f52595c77435f52515854424419565e" class="mt-3 w-full px-5 py-3 text-center text-sm border border-white/20 hover:bg-white/5 transition-colors">
6Start a project
7</a> </div> </div> </nav>
vendor: 109 bytes, line 7
7 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
7<script type="module">const t=document.getElementById("menuToggle"),n=document.getElementById("mobileMenu");if(t&&n){const i=e=>{n.classList.toggle("hidden",!e),t.setAttribute("aria-expanded",String(e)),t.setAttribute("aria-label",e?"Close menu":"Open menu"),t.querySelector(".menu-icon-open")?.classList.toggle("hidden",e),t.querySelector(".menu-icon-close")?.classList.toggle("hidden",!e)};t.addEventListener("click",()=>i(n.classList.contains("hidden"))),n.querySelectorAll("a").forEach(e=>e.addEventListener("click",()=>i(!1))),window.matchMedia("(min-width: 768px)").addEventListener?.("change",e=>{e.matches&&i(!1)})}</script>
7   <div class="border-b border-white/5 bg-[#0d0d0d]"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-3 flex items-center gap-x-3"> <span class="w-1.5 h-1.5 rounded-full bg-[#556B2F]"></span> <span class="mono text-[11px] tracking-[1.5px] text-[#666]">BROOKLYN, NY</span> </div> </div>  <div class="relative min-h-[85vh] flex items-end overflow-hidden"> <!-- Background image stage --> <div class="hero-stage absolute inset-0"> <img src="/assets/hero-cinematic-train-b.jpg" alt="Brooklyn tech studio at night with a long-exposure subway streaking past the windows" class="hero-img absolute inset-0 w-full h-full object-cover object-center"> <!-- Flickering warm glow from the pendant lamp (desktop only) --> <div class="lamp-glow hidden sm:block"></div> </div> <!-- Gradient fade: dark at bottom for text, subtle at top --> <div class="absolute inset-0 bg-gradient-to-t from-[#0A0A0A] via-[#0A0A0A]/70 to-transparent"></div> <div class="absolute inset-0 bg-gradient-to-r from-[#0A0A0A]/60 to-transparent"></div> <!-- Animated subway motion layer: clipped duplicate of the actual train band, above the darkening gradients. --> <div class="train-track-area"> <div class="train-band-motion train-band-core"> <img src="/assets/hero-cinematic-train-b.jpg" alt="" class="train-band-img"> </div> <div class="train-band-motion train-band-smear"> <img src="/assets/hero-cinematic-train-b.jpg" alt="" class="train-band-img"> </div> </div> <!-- Hero content --> <div class="relative z-10 max-w-screen-xl mx-auto px-5 sm:px-8 pb-16 pt-32 w-full"> <div class="max-w-2xl hero-reveal"> <div class="section-label text-[#556B2F] mb-3">Our kind of AI</div> <h1 class="text-5xl sm:text-6xl lg:text-7xl leading-[1.02] font-semibold tracking-tighter" aria-label="Amplifying Intelligence."> <span class="text-[#9db565]" aria-hidden="true">A</span>mplifying <span class="text-[#9db565]" aria-hidden="true">I</span>ntelligence.
8</h1> <p class="mt-6 max-w-xl text-xl text-[#B0B0B0]">
9We find where AI makes your teams sharper, build it into the workflows they already trust, and teach your
10          team as we go.
11</p> <div class="flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-x-4 mt-9"> <a href="/cdn-cgi/l/email-protection#8dfafeeee5e8e3e6cdf9e5e8ebe2eef8fea3ece4" class="w-full sm:w-auto text-center px-8 py-3.5 bg-white text-black font-medium text-sm hover:bg-white/90 transition-colors">
12Start with an assessment
13</a> <a href="#method" class="w-full sm:w-auto text-center px-8 py-3.5 border border-white/20 hover:bg-white/5 transition-colors text-sm">
14See the method
15</a> </div> </div> </div> <!-- Subtle "watch the film" button, blended into the hero (bottom-right) --> <button id="heroPlayBtn" type="button" aria-label="Watch the film" class="hero-play-btn group absolute bottom-4 right-4 sm:bottom-8 sm:right-8 z-30 flex items-center gap-x-3"> <span class="mono text-[10px] tracking-[2px] uppercase text-white/70 opacity-0 group-hover:opacity-100 transition-opacity duration-300 hidden sm:inline">Watch the film</span> <span class="hero-play-ring relative flex items-center justify-center w-12 h-12 rounded-full border border-white/25 bg-black/30 backdrop-blur-sm text-white/85"> <svg class="w-3 h-3 translate-x-[1px]" viewBox="0 0 24 24" fill="currentColor" stroke="none" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M7 5l12 7-12 7V5z"></path> </svg> </span> </button> </div>  <div class="border-y border-white/10 bg-[#111111]"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-16 md:py-20"> <div class="grid grid-cols-1 md:grid-cols-12 gap-x-8 gap-y-8"> <div class="col-span-1 md:col-span-6"> <div class="section-label text-[#556B2F] mb-4">Built together</div> <h2 class="text-4xl sm:text-5xl leading-[1.05] tracking-tighter font-semibold"> <span class="text-[#888]">The best AI keeps humans in charge.</span><br> <span class="text-white">We build it together, in the open.</span> </h2> </div> <div class="col-span-1 md:col-span-6"> <p class="text-[#B0B0B0] text-[17px] leading-relaxed max-w-xl">
16We sit right next to your team and build the real system side by side — AI handling the drudgery, your
17            people making the calls that matter. <span class="text-white">We teach the techniques as we go, so the knowledge stays after we've left.</span> You get something that works, that your team understands and controls, and that they actually want to use.
18</p> <p class="mt-4 text-[#999] text-[15px] leading-relaxed max-w-xl">
19The prompts, the results, even the model — we protect all of it, so you don't have to.
20</p> </div> </div> </div> </div>  <div class="border-b border-white/10"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-10"> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-y-3 mb-8"> <div class="mono text-[11px] tracking-[1.5px] text-[#666]">WE'VE BUILT FOR</div>
20 <a href="/work/" class="text-sm text-[#666] hover:text-white transition-colors">See the work →</a> </div> <div class="flex flex-wrap items-center gap-x-10 gap-y-6"> <img src="/assets/logos/apple.svg" alt="Apple" title="Apple" class="h-6 w-auto opacity-45 hover:opacity-90 transition-opacity"> <img src="/assets/logos/tesla.svg" alt="Tesla" title="Tesla" class="h-5 w-auto opacity-45 hover:opacity-90 transition-opacity"> <span class="text-[#888] hover:text-[#ccc] transition-colors font-semibold tracking-tight text-[17px] leading-none" title="Rivian">RIVIAN</span> <img src="/assets/logos/x.svg" alt="X, formerly Twitter" title="X (formerly Twitter)" class="h-5 w-auto opacity-45 hover:opacity-90 transition-opacity"> <img src="/assets/logos/samsung.svg" alt="Samsung" title="Samsung" class="h-6 w-auto opacity-45 hover:opacity-90 transition-opacity"> <img src="/assets/logos/perplexity.svg" alt="Perplexity" title="Perplexity" class="h-6 w-auto opacity-45 hover:opacity-90 transition-opacity"> <img src="/assets/logos/audible.svg" alt="Audible" title="Audible" class="h-6 w-auto opacity-45 hover:opacity-90 transition-opacity"> <span class="text-[#888] hover:text-[#ccc] transition-colors font-semibold tracking-tight text-[17px] leading-none" title="Con Edison">conEdison</span> <span class="text-[#888] hover:text-[#ccc] transition-colors font-semibold tracking-tight text-[17px] leading-none" title="Movie studio">Movie studio</span> <span class="text-[#888] hover:text-[#ccc] transition-colors font-semibold tracking-tight text-[17px] leading-none" title="WeaveGrid">WeaveGrid</span> <span class="text-[#888] hover:text-[#ccc] transition-colors font-semibold tracking-tight text-[17px] leading-none" title="ev.energy">ev.energy</span> <span class="text-[#888] hover:text-[#ccc] transition-colors font-semibold tracking-tight text-[17px] leading-none" title="TezLab">TezLab</span> <span class="text-[#888] hover:text-[#ccc] transition-colors font-semibold tracking-tight text-[17px] leading-none" title="Steering House">Steering House</span> </div> </div> </div>  <div id="method" class="max-w-screen-xl mx-auto px-5 sm:px-8 py-16 scroll-mt-20"> <div class="grid grid-cols-1 md:grid-cols-12 gap-x-8 gap-y-8 items-end mb-10"> <div class="col-span-1 md:col-span-8"> <div class="section-label text-[#556B2F] mb-2 reveal">How we work</div> <h2 class="text-3xl sm:text-4xl font-semibold tracking-tighter reveal delay-1">Strategy · Build · Teach</h2> </div> <p class="col-span-1 md:col-span-4 text-[#888] text-sm leading-relaxed reveal delay-2">
21Three moves, one thread: decide what matters, build the system, teach the team to keep going.
22</p> </div> <div class="method-system reveal delay-2 rounded-2xl"> <div class="method-rail"></div> <div class="grid md:grid-cols-[0.22fr_1fr_1.18fr_1fr]"> <div class="hidden md:flex items-center justify-center border-r border-white/10 px-4 py-8"> <div class="method-side-label mono text-[10px] text-[#666]">THE OPERATING THREAD</div> </div> <!-- Strategy --> <div class="method-step" data-num="01"> <div class="method-step-body"> <div class="mono text-xs text-[#556B2F] mb-5 tracking-[1px]">01 — STRATEGY</div> <div class="text-xl font-medium mb-4">Settle the thinking before anything gets built.</div> <div class="text-[#999] text-[14px] leading-relaxed">
23For boards and teams that want a real plan first. We work with your execs and leads to find where AI
24              genuinely helps your people — and shape a strategy you can take to the board.
25</div> <div class="mt-5 pt-4 border-t border-white/10"> <a href="/assets/thefocus-strategy-brief-sample.pdf" target="_blank" rel="noopener" class="inline-flex items-center gap-x-2 text-[13px] text-[#B0B0B0] hover:text-white transition-colors">
26Example: a sample board strategy brief <span aria-hidden="true">→</span> </a> </div> </div> </div> <!-- Build --> <div class="method-step method-step-build" data-num="02"> <div class="method-step-body"> <div class="mono text-xs text-[#556B2F] mb-5 tracking-[1px]">02 — BUILD</div> <div class="text-2xl font-semibold tracking-tight mb-4">Build tools that fit how your team works.</div> <div class="text-[#B0B0B0] text-[15px] leading-relaxed">
27We build systems that handle the repetitive work — so your team can spend its time on judgment,
28              creativity, and the calls a model can't make.
29</div> <div class="mt-5 pt-4 border-t border-white/10 text-[#888] text-[13px] leading-relaxed">
30We're not loyal to any model — frontier where it pays, open weights in your cloud where it doesn't. You
31              own what comes out.
32</div> </div> </div> <!-- Teach --> <div class="method-step" data-num="03"> <div class="method-step-body"> <div class="mono text-xs text-[#556B2F] mb-5 tracking-[1px]">03 — TEACH</div> <div class="text-xl font-medium mb-4">Teach the people who want to learn.</div> <div class="text-[#999] text-[14px] leading-relaxed">
33We bring your team along as we build, so they own it after we go. They come out more capable — then teach
34              the rest of your organization what's possible.
35</div> <a href="#team-keeps" class="inline-flex items-center gap-x-2 mt-5 text-[13px] text-[#B0B0B0] hover:text-white transition-colors">
36What your team keeps <span aria-hidden="true">→</span> </a> </div> </div> </div> </div> </div>  <div class="border-t border-white/10"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-16"> <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-12 items-center"> <div class="col-span-1 lg:col-span-6"> <div class="relative border border-white/10"> <img src="/assets/studio-brooklyn-hero-b.jpg" alt="Team mapping workflows on a whiteboard in a Brooklyn studio" class="w-full object-cover aspect-[3/2]"> <div class="absolute bottom-0 left-0 right-0 px-4 py-3 bg-gradient-to-t from-black/80 to-transparent"> <div class="flex items-center justify-between"> <span class="mono text-[11px] tracking-[1px] text-[#B0B0B0]">FIG. 02 — MAPPING THE WORK</span> <span class="w-2 h-2 bg-[#556B2F]"></span> </div> <div class="mt-2 mono text-[10px] text-[#888]">The workflow, drawn before the build.</div> </div> </div> </div> <div class="col-span-1 lg:col-span-6"> <div class="section-label text-[#556B2F] mb-3">In practice</div> <h2 class="text-3xl leading-tight tracking-tight font-semibold mb-5">
37We start by drawing your business the way it actually runs.
38</h2> <p class="text-[#B0B0B0] text-[15px] leading-relaxed mb-4">
39Before a line of code, we map the real workflow — the handoffs, the exceptions, the decisions that quietly
40            cost your team time and energy. The picture is usually messier than the org chart. That's the point.
41</p> <p class="text-[#999] text-[14px] leading-relaxed">
42That map tells us where AI frees your people up — and, just as often, where human judgment is the whole
43            value.
44</p> </div> </div> </div> </div>  <div class="relative border-y border-white/10 overflow-hidden"> <img src="/assets/studio-texture-dark.jpg" alt="" class="absolute inset-0 w-full h-full object-cover opacity-[0.3]"> <div class="absolute inset-0 bg-[#0A0A0A]/60"></div> <div class="relative max-w-screen-xl mx-auto px-5 sm:px-8 py-20"> <p class="max-w-3xl text-2xl md:text-3xl font-semibold tracking-tight leading-snug">
45"AI doesn't replace good people — it multiplies what they already do best. But you have to understand your own
46        work first. That's the part most companies skip."
47</p> <div class="mt-5 mono text-[11px] tracking-[1px] text-[#666]">WILL SCHENK · THEFOCUS.AI</div> </div> </div>  <section id="team-keeps" class="team-keeps"> <div class="relative z-10 max-w-screen-xl mx-auto px-5 sm:px-8 py-14 lg:py-20"> <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-8 gap-y-4 items-end mb-8"> <div class="col-span-1 lg:col-span-7"> <div class="section-label text-[#556B2F] mb-3 reveal">What your team keeps</div> <h2 class="text-3xl sm:text-4xl leading-[1.06] tracking-tighter font-semibold reveal delay-1">
48We build it with your team. Then they build it without us.
49</h2> </div> <div class="col-span-1 lg:col-span-5 reveal delay-2"> <p class="text-[#9a9a9a] text-[15px] leading-relaxed">
50Bring a project you actually need built. We sit down with your team and build it together — the real thing,
51            not a demo. They learn how software gets made now by making it. When we're done, the work ships and the
52            skills stay.
53</p> </div> </div> <div class="grid sm:grid-cols-3 gap-3"> <article class="tk-card reveal"> <div class="tk-shot"> <span class="tk-tag">Real work</span> <img src="/assets/studio-room-2.jpg" alt="Two people working through code together at a laptop"> </div> <div class="tk-body"> <div class="mono text-[10px] tracking-[1.4px] text-[#7f9a4d] mb-2">01 · BUILD SOMETHING REAL</div> <h3 class="text-lg font-semibold tracking-tight mb-1.5">No sample apps.</h3> <p class="text-[#9a9a9a] text-[13.5px] leading-relaxed">
54You bring something your business actually needs. We build the real thing — not a toy version — and it
55              ships into your work.
56</p> </div> </article> <article class="tk-card reveal delay-1"> <div class="tk-shot"> <span class="tk-tag">Side by side</span> <img src="/assets/studio-room-4.jpg" alt="A team building something together at a laptop"> </div> <div class="tk-body"> <div class="mono text-[10px] tracking-[1.4px] text-[#7f9a4d] mb-2">02 · LEARN BY DOING</div> <h3 class="text-lg font-semibold tracking-tight mb-1.5">We sit next to your team.</h3> <p class="text-[#9a9a9a] text-[13.5px] leading-relaxed">
57No manuals, no slide decks. We work next to your people on the real problem, so they pick up the judgment
58              — what to hand off, what to check, what's not worth trusting yet.
59</p> </div> </article> <article class="tk-card reveal delay-2"> <div class="tk-shot"> <span class="tk-tag">It's yours</span> <img src="/assets/studio-room-5.jpg" alt="A team walking through their work together while one person explains it"> </div> <div class="tk-body"> <div class="mono text-[10px] tracking-[1.4px] text-[#7f9a4d] mb-2">03 · BRING IT BACK</div> <h3 class="text-lg font-semibold tracking-tight mb-1.5">Then they do it without us.</h3> <p class="text-[#9a9a9a] text-[13.5px] leading-relaxed">
60Your people go home with the thing you built and the know-how to build the next one. That's the point —
61              not another vendor you depend on.
62</p> </div> </article> </div> <div class="team-keeps-ledger mt-3 px-5 py-4 reveal delay-3"> <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-6"> <div class="mono text-[10px] tracking-[1.4px] text-[#556B2F] shrink-0">HABITATS KEEPS THE WORK</div> <p class="text-[#9a9a9a] text-[13.5px] leading-relaxed">
63The whole build gets written down as it happens — what you tried, what worked, what to skip next time.
64            Months later, the team can still look it up.
65</p> </div> </div> </div> </section>  <div class="habitats-showcase border-t border-white/10"> <div class="relative z-10 max-w-screen-xl mx-auto px-5 sm:px-8 py-16 lg:py-24"> <div class="grid lg:grid-cols-12 gap-9 lg:gap-12 items-center"> <div class="lg:col-span-4"> <div class="habitats-copy"> <div class="section-label text-[#556B2F] mb-4">Our product · Habitats</div> <h2 class="text-4xl sm:text-5xl leading-[1.04] tracking-tighter font-semibold mb-6" aria-label="All Intelligence, in one place."> <span class="text-[#9db565]" aria-hidden="true">A</span>ll <span class="text-[#9db565]" aria-hidden="true">I</span>ntelligence, in one place.
66</h2> <p class="text-[#B0B0B0] text-[16px] leading-relaxed mb-8">
67One shared place where your team uses AI together — so the best ways of working get seen, copied, and
68              kept, instead of stuck on one person's screen.
69</p> </div> <div class="habitats-step-grid" role="radiogroup" aria-label="Habitats product preview"> <button class="habitats-slide-control" type="button" role="radio" aria-checked="true" tabindex="0" data-habitats-slide="0"> <span class="habitats-radio-dot" aria-hidden="true"></span> <span class="habitats-step-number">01</span> <span class="habitats-step-title">
69Work together</span> </button> <button class="habitats-slide-control" type="button" role="radio" aria-checked="false" tabindex="-1" data-habitats-slide="1"> <span class="habitats-radio-dot" aria-hidden="true"></span> <span class="habitats-step-number">02</span> <span class="habitats-step-title">Learn from others</span> </button> <button class="habitats-slide-control" type="button" role="radio" aria-checked="false" tabindex="-1" data-habitats-slide="2"> <span class="habitats-radio-dot" aria-hidden="true"></span> <span class="habitats-step-number">03</span> <span class="habitats-step-title">Build and share</span> </button> </div> <p id="habitats-slide-note" class="mt-5 text-[#8D8D8D] text-[14px] leading-relaxed min-h-[44px]">
70When your team works in the same space, the best AI results get shared — not trapped in one person's
71            private chat.
72</p> <div class="mt-7"> <a href="/habitats/" class="inline-flex items-center gap-x-2 text-sm text-[#D8D8D8] hover:text-white transition-colors border-b border-white/20 hover:border-white/60 pb-1">
73See how Habitats works <span aria-hidden="true">→</span> </a> </div> </div> <div class="hidden lg:block lg:col-span-8"> <div class="habitats-display"> <div class="habitats-screen aspect-[1480/900]"> <div id="habitats-live-stage" class="habitats-live-stage"> <iframe id="habitats-slide-frame" src="/assets/habitats-marketplace.html" title="Habitats agent marketplace live preview" tabindex="-1" aria-hidden="true"></iframe> </div> </div> </div> </div> </div> </div> </div>  <section class="cs-section border-t border-white/10 overflow-hidden"> <div class="cs-glow cs-glow--amber"></div> <div class="cs-glow cs-glow--olive"></div> <!-- Intro --> <div class="relative z-10 max-w-screen-xl mx-auto px-5 sm:px-8 pt-16 pb-10"> <div class="reveal max-w-2xl"> <div class="section-label text-[#556B2F] mb-2">Proof</div> <h2 class="text-3xl sm:text-4xl font-semibold tracking-tighter">We'd rather show you than pitch you.</h2> <p class="mt-4 text-[#B0B0B0] text-lg leading-relaxed">
74A few things we've built — and what changed because of them.
75</p> </div> </div> <!-- Featured: TezLab editorial --> <article class="cs-feature relative z-10 border-t border-white/10"> <!-- Full-bleed hero with cinematic light sweep --> <a href="/work/#tezlab" class="group block relative w-full h-[60vh] min-h-[420px] overflow-hidden"> <img src="/assets/cs-tezlab-hero.jpg" alt="Long-exposure highway light trails at dusk" class="cs-feature-img absolute inset-0 w-full h-full object-cover"> <div class="cs-sweep"></div> <div class="absolute inset-0 bg-gradient-to-t from-[#0A0A0A] via-[#0A0A0A]/40 to-transparent"></div> <div class="absolute inset-0 bg-gradient-to-r from-[#0A0A0A]/55 to-transparent"></div> <div class="absolute inset-x-0 bottom-0"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 pb-10"> <div class="max-w-3xl reveal"> <div class="mono text-[11px] tracking-[1.5px] text-[#556B2F] mb-4">FEATURED · TEZLAB</div> <h3 class="text-3xl sm:text-5xl font-semibold tracking-tighter leading-[1.03]">
76Drivers can ask about their Tesla &amp; Rivian data in plain English — and 27% more converted.
77</h3> </div> </div> </div> </a> <!-- Meta strip --> <div class="border-y border-white/10 bg-[#0d0d0d]/70 backdrop-blur-sm relative z-10"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-5 grid grid-cols-2 md:grid-cols-4 gap-y-5 gap-x-8"> <div> <div class="mono text-[10px] tracking-[1.5px] text-[#555] mb-1">CLIENT</div> <div class="text-sm text-[#E5E5E5]">TezLab</div> </div> <div> <div class="mono text-[10px] tracking-[1.5px] text-[#555] mb-1">SECTOR</div> <div class="text-sm text-[#E5E5E5]">Transportation · Consumer Apps</div> </div> <div> <div class="mono text-[10px] tracking-[1.5px] text-[#555] mb-1">SERVICES</div> <div class="text-sm text-[#E5E5E5]">Strategy + Development</div> </div> <div> <div class="mono text-[10px] tracking-[1.5px] text-[#555] mb-1">TIMELINE</div> <div class="text-sm text-[#E5E5E5]">8 weeks to production</div> </div> </div> </div> <!-- Read-through (full story lives on the case study page) --> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-8 flex items-center justify-between gap-4"> <p class="text-[#999] text-sm max-w-md leading-relaxed">
78Built on top of the data they already had — in 8 weeks, with zero backend changes.
79</p>
79 <a href="/work/#tezlab" class="shrink-0 inline-flex items-center gap-x-2 text-sm text-[#B0B0B0] hover:text-white transition-colors group/link">
80Read the full story
81<span aria-hidden="true" class="transition-transform group-hover/link:translate-x-0.5">→</span> </a> </div> </article> <!-- Smaller grid of case studies --> <div class="relative z-10 border-t border-white/10"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-14"> <div class="mono text-[11px] tracking-[1.5px] text-[#666] mb-8 reveal">MORE WORK</div> <div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-6"> <a href="/work/perplexity-samsung/" class="cs-card reveal group block"> <div class="cs-card-media aspect-[4/3] border border-white/10 mb-4"> <img src="/assets/apps/app-samsung.png" alt="A smart TV glowing in a dark living room" class="w-full h-full object-cover"> </div> <div class="mono text-[10px] tracking-[1.5px] text-[#556B2F] mb-2">PERPLEXITY × SAMSUNG · LIVING ROOM</div> <h4 class="text-lg font-semibold tracking-tight mb-1 group-hover:text-white transition-colors">
82Perplexity, in 50 million living rooms.
83</h4> <p class="text-[#999] text-[14px] leading-relaxed">Voice-first on Samsung TVs — 12 weeks from kickoff to QA approval.</p> </a> <a href="/work/movie-studio/" class="cs-card reveal delay-1 group block"> <div class="cs-card-media aspect-[4/3] border border-white/10 mb-4"> <img src="/assets/cs-movie-studio-apocalypse.png" alt="A lone survivor walking an overgrown highway of abandoned cars at dusk" class="w-full h-full object-cover"> </div> <div class="mono text-[10px] tracking-[1.5px] text-[#556B2F] mb-2">MOVIE STUDIO · DATA QA</div> <h4 class="text-lg font-semibold tracking-tight mb-1 group-hover:text-white transition-colors">
84Watching 212 data feeds so nobody has to.
85</h4> <p class="text-[#999] text-[14px] leading-relaxed">The data gets checked before anyone builds a decision on it.</p> </a> <a href="/work/steering-house/" class="cs-card reveal delay-2 group block"> <div class="cs-card-media aspect-[4/3] border border-white/10 mb-4"> <img src="/assets/cs-steeringhouse-brooklyn.png" alt="Construction workers restoring a brownstone facade in Brooklyn Heights" class="w-full h-full object-cover"> </div> <div class="mono text-[10px] tracking-[1.5px] text-[#556B2F] mb-2">STEERING HOUSE · FINANCE OPS</div> <h4 class="text-lg font-semibold tracking-tight mb-1 group-hover:text-white transition-colors">
86Construction books that reconcile themselves.
87</h4> <p class="text-[#999] text-[14px] leading-relaxed">57,000+ transactions, synced from QuickBooks every hour.</p> </a> <a href="/work/" class="cs-card reveal delay-3 group block"> <div class="cs-card-media aspect-[4/3] border border-white/10 mb-4"> <img src="/assets/work-field.jpg" alt="A field terrain map open on a tablet" class="w-full h-full object-cover"> </div> <div class="mono text-[10px] tracking-[1.5px] text-[#556B2F] mb-2">FOUNTAIN CREEK · FIELD OPS</div> <h4 class="text-lg font-semibold tracking-tight mb-1 group-hover:text-white transition-colors">
88A field operation on one screen.
89</h4> <p class="text-[#999] text-[14px] leading-relaxed">A call that took a week of phone tag now takes an afternoon.</p> </a> </div> <div class="mt-10 reveal"> <a href="/work/" class="inline-flex items-center gap-x-2 text-sm text-[#B0B0B0] hover:text-white transition-colors">
90All case studies <span aria-hidden="true">→</span> </a> </div> </div> </div> </section>  <div class="relative border-t border-white/10 overflow-hidden"> <img src="/assets/studio-hero.jpg" alt="" class="absolute inset-0 w-full h-full object-cover opacity-[0.15]"> <div class="absolute inset-0 bg-[#0A0A0A]/85"></div> <div class="relative max-w-screen-xl mx-auto px-5 sm:px-8 py-24 text-center"> <h2 class="text-4xl sm:text-5xl font-semibold tracking-tighter mb-5">Bring us one bottleneck.</h2> <p class="text-[#B0B0B0] text-lg max-w-xl mx-auto mb-9 leading-relaxed">
91The one that's eating your team's time and keeping them from the work they're great at. In thirty minutes we'll
92        tell you what it's costing, how AI can take it off their plate, and how fast. Then we build it together.
93</p> <p class="text-[#888] text-sm max-w-md mx-auto mb-9">
94Don't know where your bottlenecks are? We'll help you find them — that's where we start.
95</p> <div class="flex justify-center"> <a href="/cdn-cgi/l/email-protection#067175656e63686d46726e63606965737528676f" class="px-8 py-3.5 bg-white text-black font-medium text-sm hover:bg-white/90 transition-colors">
96Say hello
97</a> </div> <div class="mt-6 text-xs text-[#666] flex items-center justify-center gap-x-2"> <span class="text-[#556B2F]"><svg class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M4 12.5l5 5L20 6.5"></path> </svg></span> <span><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="126561717a777c7952667a77747d7167613c737b">[email&#160;protected]</a> · We respond within a day.</span> </div> </div> </div>  <div id="heroFilmModal" class="hero-film-modal fixed inset-0 z-[200] items-center justify-center bg-black/90 backdrop-blur-sm px-4" role="dialog" aria-modal="true" aria-label="The Focus film"> <div class="relative w-full max-w-4xl"> <button id="heroFilmClose" type="button" aria-label="Close video" class="absolute -top-9 right-0 flex items-center gap-x-2 text-white/70 hover:text-white transition-colors"> <span class="mono text-[11px] tracking-[1.5px]">CLOSE</span> <svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <path d="M6 6l12 12M18 6L6 18"></path> </svg> </button> <div class="relative aspect-video w-full overflow-hidden border border-white/15 bg-black"> <video id="heroFilmVideo" class="w-full h-full" controls playsinline preload="none" poster="/assets/hero-cinematic-train-b.jpg"> <source src="/assets/hero-film.mp4" type="video/mp4">
98Your browser does not support the video tag.
99</video> </div> </div> </div>  <section class="border-t border-white/10 bg-[#0d0d0d]"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-14"> <div class="grid grid-cols-1 lg:grid-cols-12 gap-x-8 gap-y-6 items-center"> <div class="col-span-1 lg:col-span-6"> <div class="section-label text-[#556B2F] mb-3">Newsletter</div> <h2 class="text-2xl sm:text-3xl font-semibold tracking-tight">
100One short essay a week on shipping production AI.
101</h2> <p class="mt-3 text-[#999] text-[15px] leading-relaxed max-w-lg">
102What we learned building, straight from the studio. No roundups, no hype.
103</p> </div> <div class="col-span-1 lg:col-span-5 lg:col-start-8"> <form action="https://buttondown.com/api/emails/embed-subscribe/thefocusai" method="post" class="embeddable-buttondown-form flex flex-col sm:flex-row gap-3" data-placement="home"> <label for="newsletter-email" class="sr-only">Email address</label> <input id="newsletter-email" name="email" type="email" required placeholder="[email protected]" class="flex-1 bg-[#0A0A0A] border border-white/15 px-4 py-3 text-sm text-[#E5E5E5] placeholder:text-[#666] focus:outline-none focus:border-[#556B2F] transition-colors"> <input type="hidden" name="metadata__source" value="home"> <button type="submit" class="px-6 py-3 text-sm border border-white/20 hover:bg-white/5 transition-colors whitespace-nowrap">
104Subscribe
105</button> </form> <p class="mt-3 mono text-[10px] tracking-[1px] text-[#555]">
106UNSUBSCRIBE ANYTIME · <a href="https://buttondown.com/refer/schenk" target="_blank" rel="noopener noreferrer" class="hover:text-[#999] transition-colors">POWERED BY BUTTONDOWN</a> </p> </div> </div> </div> </section>
vendor: 109 bytes, line 106
106 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
106<script type="module">const n=window;document.querySelectorAll("form.embeddable-buttondown-form").forEach(t=>{const e=t.dataset.placement||"unknown";t.addEventListener("submit",()=>{try{n.plausible?.("signup_form_submit",{props:{placement:e,path:location.pathname}})}catch{}})});</script>
106 <footer class="border-t border-white/10"> <div class="max-w-screen-xl mx-auto px-5 sm:px-8 py-12"> <div class="grid grid-cols-2 md:grid-cols-12 gap-x-8 gap-y-8"> <div class="col-span-2 md:col-span-5"> <a href="/" class="flex items-center gap-x-2 mb-4"> <img src="/assets/logo-mark.svg" alt="" aria-hidden="true" class="w-5 h-5 shrink-0"> <span class="font-semibold tracking-tight text-lg">TheFocus<span class="text-[#556B2F]">.AI</span></span> </a> <p class="text-[#666] text-sm max-w-xs leading-relaxed">
107AI that makes your team better at the work they already do. We find where it helps, build the few things
108          worth building, and leave them sharper than we found them.
109</p> </div> <div class="col-span-1 md:col-span-3"> <div class="mono text-[11px] tracking-[1px] text-[#666] mb-4">NAVIGATE</div> <ul class="space-y-3 text-sm text-[#B0B0B0]"> <li><a href="/#method" class="hover:text-white transition-colors">Method</a></li> <li><a href="/work/" class="hover:text-white transition-colors">Work</a></li> <li><a href="/habitats/" class="hover:text-white transition-colors">Habitats</a></li> <li><a href="/studio/" class="hover:text-white transition-colors">Studio</a></li> <li><a href="https://labs.thefocus.ai" class="hover:text-white transition-colors">Labs ↗</a></li> </ul> </div> <div class="col-span-1 md:col-span-4"> <div class="mono text-[11px] tracking-[1px] text-[#666] mb-4">CONTACT</div> <ul class="space-y-3 text-sm text-[#B0B0B0]"> <li> <a href="/cdn-cgi/l/email-protection#d4a3a7b7bcb1babf94a0bcb1b2bbb7a1a7fab5bd" class="hover:text-white transition-colors break-words"><span class="__cf_email__" data-cfemail="aed9ddcdc6cbc0c5eedac6cbc8c1cddbdd80cfc7">[email&#160;protected]</span></a> </li> <li><a href="/cdn-cgi/l/email-protection#3f484c5c575a51547f4b575a59505c4a4c115e56" class="hover:text-white transition-colors">Start a project →</a></li> </ul> </div> </div> <div class="mt-12 pt-6 border-t border-white/10 flex flex-col sm:flex-row sm:items-center justify-between gap-y-3"> <div class="mono text-[11px] tracking-[1px] text-[#555]">© 2026 THEFOCUS</div> <div class="mono text-[11px] tracking-[1px] text-[#555]">NO RETAINERS · NO PILOTS FOR THEIR OWN SAKE</div> </div> </div> </footer>
vendor: 109 bytes, line 109
109 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
109<script type="module">const i=document.querySelectorAll(".reveal");if("IntersectionObserver"in window&&i.length){const e=new IntersectionObserver(s=>{s.forEach(r=>{r.isIntersecting&&(r.target.classList.add("is-visible"),e.unobserve(r.target))})},{threshold:.15,rootMargin:"0px 0px -8% 0px"});i.forEach(s=>e.observe(s))}else i.forEach(e=>e.classList.add("is-visible"));</script>
109 
109<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"9859500b54ec446681970e1577edf0a5","r":1,"spa":2}' crossorigin="anonymous"></script>
109
110</body> </html>  
110<script type="module" src="/_astro/index.astro_astro_type_script_index_0_lang.Bq1ppUyM.js"></script>

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.