1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/assets/planet-roc-logo-C03pf5q7.png"/><link rel="preload" as="image" href="/assets/show-frontier-DPbdfmGh.jpg" fetchPriority="high"/><link rel="stylesheet" href="/assets/styles-CICmFNjP.css" data-precedence="default"/><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Unbounded:wght@400;700;900&family=Instrument+Serif:ital@0;1&family=Syncopate:wght@400;700&display=swap" data-precedence="default"/><title>Planet Roc Technologies â Custom Software for the Business of Sport</title><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Planet Roc â Mitch Richmond"/><meta name="twitter:description" content="The media universe of NBA Hall of Famer Mitch Richmond. Sports Impact. Nutrition. AI. Olympics."/><meta property="og:image" content="https://planetroc-universe.vercel.app/og-blue.png"/><meta name="twitter:image" content="https://planetroc-universe.vercel.app/og-blue.png"/><meta name="description" content="Planet Roc Technologies â custom software for the business of sport, built hands-on with the frontier models (OpenAI, Anthropic, xAI). Flagship: the Digital AI Brain for sports professionals."/><meta property="og:title" content="Planet Roc Technologies"/><meta property="og:description" content="Custom software for the business of sport â and the businesses of his world. Built hands-on with OpenAI, Anthropic, and xAI."/><link rel="modulepreload" href="/assets/index-X-is_XvP.js"/><link rel="modulepreload" href="/assets/technologies-DBKCJPv3.js"/><link rel="modulepreload" href="/assets/PlanetRocLogo-0JccjSTH.js"/><link rel="modulepreload" href="/assets/show-hoops-BkLAm26M.js"/><link rel="modulepreload" href="/assets/arrow-left-CpsvsTe_.js"/><link rel="modulepreload" href="/assets/use-spring-DBNq76R9.js"/><link rel="modulepreload" href="/assets/arrow-up-right-DfjMblVK.js"/><link rel="icon" type="image/png" href="/favicon-blue.png"/><link rel="apple-touch-icon" href="/favicon-blue.png"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"/></head><body><!--$--><main class="relative min-h-screen overflow-x-hidden bg-black text-white"><nav class="fixed inset-x-0 top-0 z-50 backdrop-blur-xl bg-black/60 border-b border-white/[0.05]"><div class="mx-auto flex max-w-[1500px] items-center justify-between px-6 py-4 sm:px-10"><div class="flex items-center gap-5"><a aria-label="Planet Roc home" href="/"><img src="/assets/planet-roc-logo-C03pf5q7.png" alt="Planet Roc" class="h-7 w-auto sm:h-8 "/></a><a href="/" class="hidden items-center gap-2 font-tech text-[9px] font-medium uppercase tracking-[0.3em] text-white/50 transition-colors hover:text-[color:var(--roc-blue)] sm:inline-flex"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-left h-3 w-3" aria-hidden="true"><path d="m12 19-7-7 7-7"></path><path d="M19 12H5"></path></svg> Planet Roc</a></div><div class="hidden items-center gap-6 lg:flex xl:gap-8"><a href="/#universe" class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-white/60 transition-colors hover:text-white">Universe</a><a href="/#mitch" class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-white/60 transition-colors hover:text-white">Mitch</a><a href="/#impact" class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-white/60 transition-colors hover:text-white">Impact</a><a href="/#shows" class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-white/60 transition-colors hover:text-white">Shows</a><a class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-[color:var(--roc-blue)] active" href="/technologies" data-status="active" aria-current="page">Software</a><a href="/#live" class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-white/60 transition-colors hover:text-white">Live</a><a href="/#merch" class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-white/60 transition-colors hover:text-white">Merch</a><a href="/#vault" class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-white/60 transition-colors hover:text-white">Vault</a><a href="/#connect" class="text-[10px] font-tech font-medium uppercase tracking-[0.3em] text-white/60 transition-colors hover:text-white">Connect</a></div><button aria-label="Menu" class="lg:hidden"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div></nav><section class="relative flex min-h-[100svh] w-full flex-col justify-center overflow-hidden bg-black grain pt-28 pb-16"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -top-[8%] -bottom-[8%]" style="opacity:1;transform:none"><img src="/assets/show-frontier-DPbdfmGh.jpg" alt="" fetchPriority="high" class="absolute inset-0 h-full w-full object-cover opacity-40"/><div class="absolute inset-0 bg-[#0a1a33] opacity-30 mix-blend-color"></div><div class="absolute inset-0 bg-gradient-to-b from-black/80 via-black/40 to-black"></div><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_50%_30%,rgba(91,163,255,0.18),transparent_65%)]"></div></div><canvas aria-hidden="true" class="pointer-events-none absolute inset-0 h-full w-full"></canvas><canvas aria-hidden="true" class="pointer-events-none absolute inset-0 h-full w-full "></canvas><div aria-hidden="true" class="pointer-events-none absolute inset-0 flex items-center justify-center overflow-hidden" style="transform:none"><span class="font-display select-none whitespace-nowrap text-[26vw] font-black uppercase leading-none tracking-[-0.06em] text-outline opacity-[0.28]">TECH</span></div><div class="relative z-10 mx-auto w-full max-w-[1400px] px-6 sm:px-10"><div class="flex items-center gap-3 font-tech text-[10px] uppercase tracking-[0.4em] text-[color:var(--roc-blue)]" style="opacity:0;transform:translateX(-20px)"><span class="h-px w-10 bg-[color:var(--roc-blue)]"></span><span class="pulse-dot inline-block h-1.5 w-1.5 rounded-full bg-[color:var(--roc-blue)]"></span>A Planet Roc Company</div><h1 class="font-display mt-8 font-black uppercase leading-[0.85] tracking-[-0.045em]" style="font-size:clamp(2.4rem, 7.5vw, 6.5rem)"><span class="block overflow-hidden"><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">P</span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">L</span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">A</span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">N</span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">E</span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">T</span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">Â </span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">R</span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">O</span><span class="inline-block" style="opacity:0;filter:blur(8px);transform:translateY(100%)">C</span></span><span class="block font-serif italic font-normal lowercase tracking-tight shimmer-gold" style="opacity:0;filter:blur(20px);transform:translateY(30px)">Technologies<span class="flicker-gold">.</span></span></h1><p class="mt-8 max-w-xl text-base font-light leading-relaxed text-white/70 sm:text-lg" style="opacity:0;transform:translateY(20px)">
1Custom software for the business of sport â and the businesses of his world.</p><div class="mt-10 flex max-w-md flex-col gap-3 sm:flex-row" style="opacity:0;transform:translateY(20px)"><a href="/#connect" class="group relative inline-flex flex-1 items-center justify-between overflow-hidden px-5 py-4 font-tech text-[10px] font-bold uppercase tracking-[0.28em] transition-colors border border-white bg-white text-black hover:text-black" style="transform:none"><span class="absolute inset-0 -translate-x-full bg-[color:var(--roc-blue)] transition-transform duration-500 group-hover:translate-x-0"></span><span class="relative inline-flex items-center gap-2">Build with us</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right relative h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="#story" class="group relative inline-flex flex-1 items-center justify-between overflow-hidden px-5 py-4 font-tech text-[10px] font-bold uppercase tracking-[0.28em] transition-colors border border-white/25 bg-black/40 text-white backdrop-blur-sm hover:border-[color:var(--roc-blue)] hover:text-[color:var(--roc-blue)]" style="transform:none"><span class="relative inline-flex items-center gap-2">The story</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right relative h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div class="pointer-events-none absolute bottom-6 left-1/2 -translate-x-1/2 flex flex-col items-center gap-2" style="opacity:0"><div class="font-tech text-[9px] uppercase tracking-[0.4em] text-white/40">Scroll</div><div class="h-10 w-px bg-gradient-to-b from-[color:var(--roc-blue)]/60 to-transparent"></div></div><div class="pointer-events-none absolute left-6 top-24 hidden h-6 w-6 border-l border-t border-white/20 sm:left-10 sm:block"></div><div class="pointer-events-none absolute right-6 bottom-6 hidden h-6 w-6 border-r border-b border-white/20 sm:right-10 sm:block"></div></section><div class="relative border-y border-white/8 bg-black py-5 overflow-hidden"><div class="marquee-left flex w-[200%] whitespace-nowrap"><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Planet Roc Technologies<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Sports Software<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Digital AI Brain<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">OpenAI<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Anthropic<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">xAI<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Agents<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">
1Agencies<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Franchises<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Planet Roc Technologies<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Sports Software<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Digital AI Brain<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">OpenAI<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Anthropic<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">xAI<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Agents<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">
1Agencies<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Franchises<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Planet Roc Technologies<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Sports Software<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Digital AI Brain<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">OpenAI<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Anthropic<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">xAI<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Agents<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">
1Agencies<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Franchises<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Planet Roc Technologies<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Sports Software<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Digital AI Brain<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">OpenAI<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Anthropic<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">xAI<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Agents<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">
1Agencies<span class="text-[color:var(--roc-blue)]">â¦</span></span><span class="flex items-center gap-6 px-6 font-tech text-sm font-bold uppercase tracking-[0.3em] text-white/80">Franchises<span class="text-[color:var(--roc-blue)]">â¦</span></span></div></div><section id="story" class="relative overflow-hidden bg-black px-6 py-32 sm:px-10 sm:py-48 grain"><canvas aria-hidden="true" class="pointer-events-none absolute inset-0 h-full w-full"></canvas><div aria-hidden="true" class="pointer-events-none absolute inset-0 flex items-center overflow-hidden"><div class="font-display whitespace-nowrap text-[26vw] font-black uppercase leading-none tracking-[-0.05em] text-outline opacity-30 select-none">THE ROCK</div></div><div class="relative mx-auto max-w-[1400px]"><div class="grid grid-cols-12 gap-6"><div class="col-span-12 md:col-span-7"><div class="relative"><div class="flex items-center gap-4"><div class="h-px w-24 origin-left bg-[color:var(--roc-blue)]" style="transform:scaleX(0)"></div><span class="font-tech text-[10px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">§ <!-- -->01<!-- --> â <!-- -->The Story</span></div><h2 class="font-display mt-6 font-black uppercase leading-[0.88] tracking-[-0.035em]" style="font-size:clamp(2.5rem, 7vw, 5.5rem);opacity:0;transform:translateY(40px)">Built on<br/><span class="font-serif italic font-normal lowercase shimmer-gold">the rock.</span></h2></div></div></div><div class="mt-20 grid grid-cols-12 gap-6 sm:mt-24"><div class="col-span-12 md:col-span-3" style="opacity:0;transform:translateY(28px)"><div class="flex items-center gap-4 md:sticky md:top-32"><span class="h-px w-10 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[10px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">Planet Roc Technologies</span></div></div><div class="col-span-12 md:col-span-8 md:col-start-5"><p class="mt-6 text-base font-light leading-relaxed text-white/70 first:mt-0 sm:text-lg" style="opacity:0;transform:translateY(24px)"><span class="font-serif italic text-2xl leading-tight shimmer-gold sm:text-3xl">They called him the Rock.</span> <!-- -->Not for the highlights â for the constancy. Rookie of the Year in 1989. Six All-Star teams. One-third of Run TMC beside Tim Hardaway and Chris Mullin. Olympic gold in Atlanta in â96, a ring with the 2002 Lakers, the Hall of Fame in 2014. Fourteen seasons, built the unglamorous way: take the game apart, study the pieces, put it back together until it holds up every night against the best in the world.</p><p class="mt-6 text-base font-light leading-relaxed text-white/70 first:mt-0 sm:text-lg" style="opacity:0;transform:translateY(24px)">What the résumé doesnât show is what drove it. Mitch Richmond has always needed to know how things work. That curiosity never retired.</p><p class="mt-6 text-base font-light leading-relaxed text-white/70 first:mt-0 sm:text-lg" style="opacity:0;transform:translateY(24px)">Planet Roc Technologies is where it lives now. Mitch and his team work hands-on with the frontier models â OpenAI, Anthropic, xAI â building custom software for the world he knows best: the NBA, the agencies that run the business of sport, and the small and mid-sized companies run by people who grind the way he did. Heâs starting where trust already exists â his own
1network, three decades of relationships in and around the league â because thatâs how heâs always worked: earn it up close, then deliver every night.</p><p class="mt-10 font-serif text-xl italic leading-relaxed text-white/90 sm:text-2xl" style="opacity:0;transform:translateY(24px)">They called him the Rock. <span class="shimmer-gold">Planet Roc</span> is what heâs building on it.</p></div></div></div></section><section class="relative overflow-hidden border-y border-white/10 bg-gradient-to-r from-black via-[#0a1a33] to-black px-6 py-20 sm:px-10 sm:py-28"><canvas aria-hidden="true" class="pointer-events-none absolute inset-0 h-full w-full "></canvas><div class="relative mx-auto max-w-[1400px]"><div class="flex items-center gap-4" style="opacity:0;transform:translateY(28px)"><span class="h-px w-16 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[10px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">§ 02 â The Frontier</span></div><p class="mt-6 max-w-2xl text-base font-light leading-relaxed text-white/70 sm:text-lg" style="opacity:0;transform:translateY(28px)">Built hands-on with the frontier models.</p><div class="mt-12 grid grid-cols-1 gap-px border border-white/10 bg-white/10 sm:grid-cols-3"><div class="group relative overflow-hidden bg-black px-8 py-12 text-center transition-colors duration-500 hover:bg-[#0a1a33]" style="opacity:0;transform:translateY(24px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/40">01</div><div class="font-display mt-4 text-2xl font-black uppercase tracking-[-0.02em] text-white/90 transition-colors duration-500 group-hover:text-[color:var(--roc-blue)] sm:text-3xl">OpenAI</div><div class="mx-auto mt-5 h-px w-10 bg-[color:var(--roc-blue)]/50 transition-all duration-700 group-hover:w-20 group-hover:bg-[color:var(--roc-blue)]"></div></div><div class="group relative overflow-hidden bg-black px-8 py-12 text-center transition-colors duration-500 hover:bg-[#0a1a33]" style="opacity:0;transform:translateY(24px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/40">02</div><div class="font-display mt-4 text-2xl font-black uppercase tracking-[-0.02em] text-white/90 transition-colors duration-500 group-hover:text-[color:var(--roc-blue)] sm:text-3xl">Anthropic</div><div class="mx-auto mt-5 h-px w-10 bg-[color:var(--roc-blue)]/50 transition-all duration-700 group-hover:w-20 group-hover:bg-[color:var(--roc-blue)]"></div></div><div class="group relative overflow-hidden bg-black px-8 py-12 text-center transition-colors duration-500 hover:bg-[#0a1a33]" style="opacity:0;transform:translateY(24px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/40">03</div><div class="font-display mt-4 text-2xl font-black uppercase tracking-[-0.02em] text-white/90 transition-colors duration-500 group-hover:text-[color:var(--roc-blue)] sm:text-3xl">xAI</div><div class="mx-auto mt-5 h-px w-10 bg-[color:var(--roc-blue)]/50 transition-all duration-700 group-hover:w-20 group-hover:bg-[color:var(--roc-blue)]"></div></div></div></div></section><section class="relative overflow-hidden bg-black px-6 py-32 sm:px-10 sm:py-48 grain"><canvas aria-hidden="true" class="pointer-events-none absolute inset-0 h-full w-full"></canvas><div aria-hidden="true" class="pointer-events-none absolute inset-0 flex items-center overflow-hidden" style="transform:translateY(15%)"><div class="font-display whitespace-nowrap text-[22vw] font-black uppercase leading-none tracking-[-0.05em] text-outline opacity-30 select-none">AI BRAIN</div></div><div class="relative mx-auto max-w-[1400px]"><div class="grid grid-cols-12 gap-6"><div class="col-span-12 md:col-span-7"><div class="relative"><div class="flex items-center gap-4"><div class="h-px w-24 origin-left bg-[color:var(--roc-blue)]" style="transform:scale
1X(0)"></div><span class="font-tech text-[10px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">§ <!-- -->03<!-- --> â <!-- -->Flagship</span></div><h2 class="font-display mt-6 font-black uppercase leading-[0.88] tracking-[-0.035em]" style="font-size:clamp(2.5rem, 7vw, 5.5rem);opacity:0;transform:translateY(40px)">Digital<br/><span class="font-serif italic font-normal lowercase shimmer-gold">ai brain.</span></h2></div></div><div class="col-span-12 flex items-end md:col-span-4 md:col-start-9" style="opacity:0;transform:translateY(28px)"><p class="text-base font-light leading-relaxed text-white/65 sm:text-lg">The marquee build â for the people who run the business of sport.</p></div></div><div class="group relative mt-16 overflow-hidden border border-[color:var(--roc-blue)]/45 bg-black/60 p-8 shadow-[0_0_60px_-25px_rgba(91,163,255,0.4)] backdrop-blur-sm transition-colors duration-500 hover:border-[color:var(--roc-blue)] hover:bg-white/[0.04] hover:shadow-[0_40px_90px_-20px_rgba(91,163,255,0.45)] sm:p-12" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div aria-hidden="true" class="pointer-events-none absolute inset-0 bg-[radial-gradient(ellipse_at_20%_0%,rgba(91,163,255,0.14),transparent_60%)]"></div><div class="relative"><div class="flex flex-wrap items-center justify-between gap-4"><span class="inline-flex items-center gap-2 border border-[color:var(--roc-blue)]/60 bg-[color:var(--roc-blue)]/10 px-3 py-1.5 font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]"><span class="pulse-dot inline-block h-1.5 w-1.5 rounded-full bg-[color:var(--roc-blue)]"></span>Flagship</span><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">For Sports Professionals</span></div></div><h3 class="font-display mt-8 text-3xl font-black uppercase leading-[0.9] tracking-[-0.03em] transition-transform duration-500 group-hover:-translate-y-0.5 sm:text-5xl">Digital <span class="font-serif italic font-normal normal-case shimmer-gold">AI Brain</span></h3><p class="mt-4 max-w-2xl text-sm font-light leading-relaxed text-white/60 sm:text-base">An always-on AI brain built around a sports professionalâs world â contracts, deals, schedule, brand, and network â powered by the frontier models and tuned to how the business of sport actually runs.</p><div class="mt-10 grid grid-cols-1 gap-px border border-white/10 bg-white/10 sm:grid-cols-3"><div class="bg-black px-6 py-6" style="opacity:0;transform:translateY(16px)"><div class="flex items-center gap-2"><span class="font-mono text-[10px] tabular-nums text-[color:var(--roc-blue)]/70">01</span><span class="h-px w-6 bg-[color:var(--roc-blue)]/40"></span></div><div class="font-display mt-3 text-base font-black uppercase tracking-[-0.01em] text-white/90 sm:text-lg">Contracts · Deals</div><div class="mt-2 font-tech text-[8px] uppercase tracking-[0.25em] text-white/45">The world itâs built around</div></div><div class="bg-black px-6 py-6" style="opacity:0;transform:translateY(16px)"><div class="flex items-center gap-2"><span class="font-mono text-[10px] tabular-nums text-[color:var(--roc-blue)]/70">02</span><span class="h-px w-6 bg-[color:var(--roc-blue)]/40"></span></div><div class="font-display mt-3 text-base font-black uppercase tracking-[-0.01em] text-white/90 sm:text-lg">Schedule · Brand</div><div class="mt-2 font-tech text-[8px] uppercase tracking-[0.25em] text-white/45">The world itâs built around</div></div><div class="bg-black px-6 py-6" style="opacity:0;transform:translateY(16px)"><div class="flex items-center gap-2"><span class="font-mono text-[10px] tabular-nums text-[color:var(--roc-blue)]/70">03</span><span class="h-px w-6 bg-[color:var(--roc-blue)]/40"></span></div><div class="font-display mt-3 text-base font-black uppercase tracking-[-0.01em] text-white/90 sm:text-lg">Network</div><div class="mt-2 font-tech text-[8px] uppercase tracking-[0.25em] text-white/45">The world itâs built around</div></div></div><div class="mt-8 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div></div></div></section><section class="relative overflow-hidden bg-black px-6 py-32 sm:px-10 sm:py-48 grain"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -top-[10%] -bottom-[10%]" style="transform:none"><img src="/assets/show-hoops-kiZXFLSm.jpg" alt="" loading="lazy" class="absolute inset-0 h-full w-full object-cover opacity-25"/><div class="absolute inset-0 bg-[#0a1a33] opacity-30 mix-blend-color"></div><div class="absolute inset-0 bg-gradient-to-b from-black via-black/75 to-black mix-blend-multiply"></div><div class="absolute inset-0 bg-[radial-gradient(ellipse_at_50%_35%,rgba(91,163,255,0.14),transparent_70%)]"></div></div><div class="relative mx-auto max-w-[1400px]"><div class="grid grid-cols-12 gap-6"><div class="col-span-12 md:col-span-7"><div class="relative"><div class="flex items-center gap-4"><div class="h-px w-24 origin-left bg-[color:var(--roc-blue)]" style="transform:scale
1X(0)"></div><span class="font-tech text-[10px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">§ <!-- -->04<!-- --> â <!-- -->Capabilities</span></div><h2 class="font-display mt-6 font-black uppercase leading-[0.88] tracking-[-0.035em]" style="font-size:clamp(2.5rem, 7vw, 5.5rem);opacity:0;transform:translateY(40px)">What we<br/><span class="font-serif italic font-normal lowercase shimmer-gold">build.</span></h2></div></div><div class="col-span-12 flex items-end md:col-span-4 md:col-start-9" style="opacity:0;transform:translateY(28px)"><p class="text-base font-light leading-relaxed text-white/65 sm:text-lg">Planet Roc builds custom software for the business of sport â for agents, professional agencies, and franchises. The same standard we hold on screen, applied to the systems behind the game.</p></div></div><div class="mt-14 flex flex-wrap items-center gap-3" style="opacity:0;transform:translateY(28px)"><span class="inline-flex items-center gap-2 border border-white/15 bg-black/40 px-4 py-2 font-tech text-[10px] font-bold uppercase tracking-[0.3em] text-white/70 backdrop-blur-sm"><span class="pulse-dot inline-block h-1.5 w-1.5 rounded-full bg-[color:var(--roc-blue)]"></span>Agents</span><span class="inline-flex items-center gap-2 border border-white/15 bg-black/40 px-4 py-2 font-tech text-[10px] font-bold uppercase tracking-[0.3em] text-white/70 backdrop-blur-sm"><span class="pulse-dot inline-block h-1.5 w-1.5 rounded-full bg-[color:var(--roc-blue)]"></span>Agencies</span><span class="inline-flex items-center gap-2 border border-white/15 bg-black/40 px-4 py-2 font-tech text-[10px] font-bold uppercase tracking-[0.3em] text-white/70 backdrop-blur-sm"><span class="pulse-dot inline-block h-1.5 w-1.5 rounded-full bg-[color:var(--roc-blue)]"></span>Franchises</span></div><div class="mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3"><div class="group relative overflow-hidden border border-white/10 bg-black/50 p-6 backdrop-blur-sm transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 hover:bg-white/[0.04] hover:shadow-[0_30px_60px_-20px_rgba(91,163,255,0.3)] sm:p-8" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-start justify-between"><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/50">01<!-- --> / 06</div><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">Web</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] transition-transform duration-500 group-hover:-translate-y-0.5 sm:text-2xl">Flagship Sites</h3><p class="mt-3 text-sm font-light leading-relaxed text-white/55">Agency flagship websites and athlete personal-brand microsites â cinematic, fast, built to convert.</p><div class="mt-6 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div><div class="group relative overflow-hidden border border-white/10 bg-black/50 p-6 backdrop-blur-sm transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 hover:bg-white/[0.04] hover:shadow-[0_30px_60px_-20px_rgba(91,163,255,0.3)] sm:p-8" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-start justify-between"><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/50">02<!-- --> / 06</div><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">Operations</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] transition-transform duration-500 group-hover:-translate-y-0.5 sm:text-2xl">Roster Command</h3><p class="mt-3 text-sm font-light leading-relaxed text-white/55">Client and roster management dashboards â contracts, timelines, and the deal pipeline in one view.</p><div class="mt-6 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div><div class="group relative overflow-hidden border border-white/10 bg-black/50 p-6 backdrop-blur-sm transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 hover:bg-white/[0.04] hover:shadow-[0_30px_60px_-2
10px_rgba(91,163,255,0.3)] sm:p-8" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-start justify-between"><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/50">03<!-- --> / 06</div><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">NIL</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] transition-transform duration-500 group-hover:-translate-y-0.5 sm:text-2xl">NIL & Endorsements</h3><p class="mt-3 text-sm font-light leading-relaxed text-white/55">NIL, brand-deal, and endorsement platforms â from deal intake to deliverable tracking.</p><div class="mt-6 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div><div class="group relative overflow-hidden border border-white/10 bg-black/50 p-6 backdrop-blur-sm transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 hover:bg-white/[0.04] hover:shadow-[0_30px_60px_-20px_rgba(91,163,255,0.3)] sm:p-8" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-start justify-between"><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/50">04<!-- --> / 06</div><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">Franchise</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] transition-transform duration-500 group-hover:-translate-y-0.5 sm:text-2xl">Franchise Ops</h3><p class="mt-3 text-sm font-light leading-relaxed text-white/55">Franchise operations software â scheduling, CRM, and growth engines that run the front office.</p><div class="mt-6 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div><div class="group relative overflow-hidden border border-white/10 bg-black/50 p-6 backdrop-blur-sm transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 hover:bg-white/[0.04] hover:shadow-[0_30px_60px_-20px_rgba(91,163,255,0.3)] sm:p-8" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-start justify-between"><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/50">05<!-- --> / 06</div><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">AI</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] transition-transform duration-500 group-hover:-translate-y-0.5 sm:text-2xl">AI Concierges</h3><p class="mt-3 text-sm font-light leading-relaxed text-white/55">AI assistants and content engines â voice and avatar concierges, automated media at scale.</p><div class="mt-6 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div><div class="group relative overflow-hidden border border-white/10 bg-black/50 p-6 backdrop-blur-sm transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 hover:bg-white/[0.04] hover:shadow-[0_30px_60px_-20px_rgba(91,163,255,0.3)] sm:p-8" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-start justify-between"><div class="font-mono text-[10px] tabular-nums uppercase tracking-[0.3em] text-white/50">06<!-- --> / 06</div><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">Analytics</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] transition-transform duration-500 group-hover:-translate-y-0.5 sm:text-2xl">Live Data</h3><p class="mt-3 text-sm font-light leading-relaxed text-white/55">Live data and analytics dashboards â the numbers that matter, in real time.</p><div class="mt-6 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div></div></div></section><section class="relative overflow-hidden bg-black px-6 py-32 sm:px-10 sm:py-44 grain"><canvas aria-hidden="true" class="pointer-events-none absolute inset-0 h-full w-full"></canvas><div aria-hidden="true" class="pointer-events-none absolute inset-0 flex items-center overflow-hidden"><div class="font-display whitespace-nowrap text-[24vw] font-black uppercase leading-none tracking-[-0.05em] text-outline opacity-30 select-none">TRUST</div></div><div class="relative mx-auto max-w-[1400px]"><div class="grid grid-cols-12 gap-6"><div class="col-span-12 md:col-span-7"><div class="relative"><div class="flex items-center gap-4"><div class="h-px w-24 origin-left bg-[color:var(--roc-blue)]" style="transform:scale
1X(0)"></div><span class="font-tech text-[10px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">§ <!-- -->05<!-- --> â <!-- -->Who It's For</span></div><h2 class="font-display mt-6 font-black uppercase leading-[0.88] tracking-[-0.035em]" style="font-size:clamp(2.5rem, 7vw, 5.5rem);opacity:0;transform:translateY(40px)">Starting where<br/><span class="font-serif italic font-normal lowercase shimmer-gold">trust already exists.</span></h2></div></div></div><div class="mt-16 grid grid-cols-1 gap-4 md:grid-cols-3"><div class="group relative overflow-hidden border border-white/10 bg-white/[0.02] p-8 transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 sm:p-10" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-center justify-between"><span class="font-mono text-[10px] tabular-nums text-[color:var(--roc-blue)]/70">01</span><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">The League</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] sm:text-2xl">The NBA World</h3><p class="mt-4 text-sm font-light leading-relaxed text-white/60 sm:text-base">The world he knows best â the NBA, and three decades of relationships in and around the league.</p><div class="mt-8 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div><div class="group relative overflow-hidden border border-white/10 bg-white/[0.02] p-8 transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 sm:p-10" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-center justify-between"><span class="font-mono text-[10px] tabular-nums text-[color:var(--roc-blue)]/70">02</span><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">The Business</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] sm:text-2xl">Agencies</h3><p class="mt-4 text-sm font-light leading-relaxed text-white/60 sm:text-base">The agencies that run the business of sport.</p><div class="mt-8 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div><div class="group relative overflow-hidden border border-white/10 bg-white/[0.02] p-8 transition-colors duration-500 hover:border-[color:var(--roc-blue)]/60 sm:p-10" style="opacity:0;transform:translateY(40px)"><div class="film-sweep pointer-events-none absolute inset-0 overflow-hidden opacity-0 transition-opacity duration-700 group-hover:opacity-100"></div><div class="flex items-center justify-between"><span class="font-mono text-[10px] tabular-nums text-[color:var(--roc-blue)]/70">03</span><div class="flex items-center gap-2"><span class="h-px w-6 bg-[color:var(--roc-blue)]"></span><span class="font-tech text-[9px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">The Grind</span></div></div><h3 class="font-display mt-8 text-xl font-black uppercase leading-[0.95] tracking-[-0.02em] sm:text-2xl">SMBs in His Network</h3><p class="mt-4 text-sm font-light leading-relaxed text-white/60 sm:text-base">The small and mid-sized companies run by people who grind the way he did.</p><div class="mt-8 h-px w-full origin-left scale-x-0 bg-[color:var(--roc-blue)] transition-transform duration-700 group-hover:scale-x-100"></div></div></div><p class="mx-auto mt-16 max-w-2xl text-center font-serif text-lg italic leading-relaxed text-white/75 sm:text-xl" style="opacity:0;transform:translateY(28px)">"Earn it up close, then deliver every night."</p></div></section><section class="relative overflow-hidden border-t border-white/10 bg-black px-6 py-32 sm:px-10 sm:py-44"><div aria-hidden="true" class="pointer-events-none absolute inset-0 -top-[10%] -bottom-[10%]" style="transform:none"><img src="/assets/la28-coliseum-hero-xJKlaVLu.jpg" alt="" loading="lazy" class="absolute inset-0 h-full w-full object-cover opacity-20"/><div class="absolute inset-0 bg-[#0a1a33] opacity-35 mix-blend-color"></div><div class="absolute inset-0 bg-gradient-to-b from-black via-black/70 to-black mix-blend-multiply"></div></div><canvas aria-hidden="true" class="pointer-events-none absolute inset-0 h-full w-full "></canvas><div class="relative mx-auto max-w-2xl text-center"><div style="opacity:0;transform:translateY(28px)"><div class="font-tech text-[10px] font-bold uppercase tracking-[0.4em] text-[color:var(--roc-blue)]">§ 06 â Build</div><h2 class="font-display mt-6 font-black uppercase leading-[0.9] tracking-[-0.03em]" style="font-size:clamp(2.5rem, 7vw, 5rem)">Build<br/><span class="font-serif italic font-normal lowercase shimmer-gold">with us.</span></h2><p class="mx-auto mt-6 max-w-md text-base font-light leading-relaxed text-white/65 sm:text-lg">
1Custom software for the business of sport â and the businesses of his world.</p><div class="mx-auto mt-10 flex max-w-xs"><a href="/#connect" class="group relative inline-flex flex-1 items-center justify-between overflow-hidden px-5 py-4 font-tech text-[10px] font-bold uppercase tracking-[0.28em] transition-colors border border-white bg-white text-black hover:text-black" style="transform:none"><span class="absolute inset-0 -translate-x-full bg-[color:var(--roc-blue)] transition-transform duration-500 group-hover:translate-x-0"></span><span class="relative inline-flex items-center gap-2">Build with us</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right relative h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div></div></section><footer class="border-t border-white/8 bg-black px-6 py-10 sm:px-10"><div class="mx-auto flex max-w-[1500px] flex-col items-center justify-between gap-4 font-tech text-[10px] font-medium uppercase tracking-[0.3em] text-white/40 sm:flex-row"><div>© <!-- -->2026<!-- --> Planet Roc · Mitchell Richmond</div><div class="flex items-center gap-6"><button aria-pressed="false" class="inline-flex items-center gap-2 border border-white/15 px-3 py-1.5 transition-colors hover:border-[color:var(--roc-blue)] hover:text-[color:var(--roc-blue)]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-3 w-3" aria-hidden="true"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg>Motion on</button><a href="/" class="transition-colors hover:text-[color:var(--roc-blue)]">â Planet Roc</a></div></div></footer></main>
1<script>(function(a,f){let l;try{l=JSON.parse(sessionStorage.getItem(a)||"{}")}catch{return}const n=l?.[f||history.state?.__TSR_key];let c=!1;for(const t in n){const e=n[t],o=e?.scrollX,s=e?.scrollY;if(Number.isFinite(o)&&Number.isFinite(s)){if(t==="window")scrollTo(o,s),c=!0;else if(t)try{const r=document.querySelector(t);r&&(r.scrollLeft=o,r.scrollTop=s)}catch{}}}if(c)return;const i=location.hash.slice(1);if(i){const t=history.state?.__hashScrollIntoViewOptions??!0;if(t){const e=document.getElementById(i);e&&e.scrollIntoView(t)}return}scrollTo(0,0)})("tsr-scroll-restoration-v1_3");document.currentScript.remove()</script>
1<!--/$-->
1<script class="$tsr" id="$tsr-stream-barrier">(self.$R=self.$R||{})["tsr"]=[];self.$_TSR={h(){this.hydrated=!0,this.c()},e(){this.streamEnded=!0,this.c()},c(){this.hydrated&&this.streamEnded&&(delete self.$_TSR,delete self.$R.tsr)},p(e){this.initialized?e():this.buffer.push(e)},buffer:[]};$_TSR.router=($R=>$R[0]={manifest:$R[1]={routes:$R[2]={__root__:$R[3]={preloads:$R[4]=["/assets/index-X-is_XvP.js"],scripts:$R[5]=[$R[6]={attrs:$R[7]={type:"module",async:!0,src:"/assets/index-X-is_XvP.js"}}]},"/technologies":$R[8]={preloads:$R[9]=["/assets/technologies-DBKCJPv3.js","/assets/PlanetRocLogo-0JccjSTH.js","/assets/show-hoops-BkLAm26M.js","/assets/arrow-left-CpsvsTe_.js","/assets/use-spring-DBNq76R9.js","/assets/arrow-up-right-DfjMblVK.js"]}}},matches:$R[10]=[$R[11]={i:"__root__�",u:1791405716732,s:"success",ssr:!0},$R[12]={i:"�technologies�technologies",u:1791405716736,s:"success",ssr:!0}],lastMatchId:"�technologies�technologies"})($R["tsr"]);$_TSR.e();document.currentScript.remove()</script>
1<script type="module" async="" src="/assets/index-X-is_XvP.js"></script>
1</body></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.