1<!DOCTYPE html><!--h3wG3JFuwyokOpajPXeeT--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/0c89a48fa5027cee-s.p.4564287c.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/36363bfb06833f56-s.p.d8302362.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/a73419dd2ba2d841-s.p.f2813c2a.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/c2dc09dc768496a8.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/c4d668b487efe705.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/9a2608ad0ecb4a35.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/a79e656b4654e1b9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/>
1<script src="/_next/static/chunks/236f7e5abd6f09ff.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/249261e921aeebba.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/2243434e31d852ae.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/turbopack-7ccb0762f040b313.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/c7f885c0d638afdc.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/121e7606a1040923.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/b7401b6ed8c71422.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<script src="/_next/static/chunks/39c26298443b19a9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" async=""></script>
1<meta name="next-size-adjust" content=""/><title>Tapkit</title><meta name="description" content="A Mac app that lets you control your iPhone with Claude and Codex."/><meta name="application-name" content="TapKit"/><meta name="category" content="technology"/><link rel="canonical" href="https://www.tapkit.ai"/><meta property="og:title" content="Tapkit"/><meta property="og:description" content="A Mac app that lets you control your iPhone with Claude and Codex."/><meta property="og:url" content="https://www.tapkit.ai"/><meta property="og:site_name" content="TapKit"/><meta property="og:image" content="https://www.tapkit.ai/tapkit-social-card.png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="TapKit app icon and wordmark"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@tapkit_ai"/><meta name="twitter:title" content="Tapkit"/><meta name="twitter:description" content="A Mac app that lets you control your iPhone with Claude and Codex."/><meta name="twitter:image" content="https://www.tapkit.ai/tapkit-social-card.png"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><meta name="twitter:image:alt" content="TapKit app icon and wordmark"/><link rel="icon" href="/favicon.ico?favicon.f54bc296.ico" sizes="64x64" type="image/x-icon"/><link rel="icon" href="/icon.png?icon.c161a8b1.png" sizes="32x32" type="image/png"/><link rel="apple-touch-icon" href="/apple-icon.png?apple-icon.e60929b5.png" sizes="180x180" type="image/png"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" noModule=""></script>
1</head><body class="inter_fe8b9d92-module__LINzvG__variable space_grotesk_1d8c5cc8-module__-5dOoa__variable dm_mono_ed3df95c-module__D4oVwa__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased"><div hidden=""><!--$--><!--/$--></div><div class="grid-bg"></div><div class="landing-page MarketingPage-module__Nnk4Zq__page" style="min-height:100vh;background:var(--bg);font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif">
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://www.tapkit.ai/#organization","name":"Jootsing Research Inc.","url":"https://www.tapkit.ai","logo":"https://www.tapkit.ai/tapkit-app-icon.png","sameAs":["https://x.com/tapkit_ai","https://www.linkedin.com/company/tapkit-ai","https://github.com/Jootsing-Research"]},{"@type":"WebSite","@id":"https://www.tapkit.ai/#website","name":"TapKit","url":"https://www.tapkit.ai","publisher":{"@id":"https://www.tapkit.ai/#organization"}},{"@type":"SoftwareApplication","@id":"https://www.tapkit.ai/#software","name":"TapKit","url":"https://www.tapkit.ai","description":"A Mac app that lets you control your iPhone with Claude and Codex.","applicationCategory":"DeveloperApplication","operatingSystem":"macOS, iOS","image":"https://www.tapkit.ai/hero-screenshot.png","publisher":{"@id":"https://www.tapkit.ai/#organization"},"offers":{"@type":"AggregateOffer","lowPrice":"49","highPrice":"245","priceCurrency":"USD","offerCount":"2","url":"https://www.tapkit.ai/#pricing"}}]}</script>
1<nav class="Nav-module__5oIaDa__nav" aria-label="Main navigation"><a class="Nav-module__5oIaDa__brand" href="/"><img alt="" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Ftapkit-app-icon.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1x, /_next/image?url=%2Ftapkit-app-icon.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2x" src="/_next/image?url=%2Ftapkit-app-icon.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/><span>tapkit</span></a><div class="Nav-module__5oIaDa__desktop"><ul class="Nav-module__5oIaDa__pill"><li><button id="product-trigger" type="button" aria-expanded="false" aria-controls="product-navigation" class="Nav-module__5oIaDa__navLink ">Product</button></li><li><button id="solutions-trigger" type="button" aria-expanded="false" aria-controls="solutions-navigation" class="Nav-module__5oIaDa__navLink ">Solutions</button></li><li><a href="https://docs.tapkit.ai" class="Nav-module__5oIaDa__navLink">Docs</a></li><li><a class="Nav-module__5oIaDa__navLink " href="/pricing">Pricing</a></li></ul></div><div class="Nav-module__5oIaDa__actions"><a class="Nav-module__5oIaDa__login" href="/login">Log in</a><a class="Nav-module__5oIaDa__getStarted" href="/download">Get started <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="Nav-module__5oIaDa__mobileTopActions"><a class="Nav-module__5oIaDa__login" href="/login">Log in</a><button class="Nav-module__5oIaDa__mobileButton" type="button" aria-label="Open menu" aria-haspopup="dialog" aria-expanded="false" aria-controls="mobile-navigation"><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" aria-hidden="true"><path d="M4 5h16"></path><path d="M4 12h16"></path><path d="M4 19h16"></path></svg></button></div><dialog id="mobile-navigation" class="Nav-module__5oIaDa__mobilePanel" aria-label="Menu"><div class="Nav-module__5oIaDa__mobileHeader"><a class="Nav-module__5oIaDa__brand" href="/"><img alt="" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=%2Ftapkit-app-icon.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1x, /_next/image?url=%2Ftapkit-app-icon.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2x" src="/_next/image?url=%2Ftapkit-app-icon.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/><span>tapkit</span></a><button class="Nav-module__5oIaDa__mobileButton" type="button" aria-label="Close menu"><svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></button></div><div class="Nav-module__5oIaDa__mobileContent"><ul class="Nav-module__5oIaDa__mobileMainLinks"><li><button type="button">Product<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></li><li><button type="button">Solutions<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></li><li><button type="button">Compare<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></button></li><li><a href="https://docs.tapkit.ai">Docs</a></li><li><a href="/pricing">Pricing</a></li></ul></div><div class="Nav-module__5oIaDa__mobileActions"><a class="Nav-module__5oIaDa__mobileLogin" href="/login">Log in</a><a class="Nav-module__5oIaDa__getStarted" href="/download">Get started</a></div></dialog></nav><style> 2 .hero-cta { 3 min-height: 52px; 4 padding: 15px 30px; 5 border-radius: 999px; 6 display: inline-flex; 7 align-items: center; 8 justify-content: center; 9 font-size: 16px; 10 font-weight: 600; 11 line-height: 1; 12 text-decoration: none; 13 white-space: nowrap; 14 } 15 16 .hero-cta-primary { 17 border: 1px solid transparent; 18 } 19 20 .hero-cta-secondary { 21 border: 1px solid var(--border-bright); 22 background: #ffffff; 23 color: var(--text); 24 transition: border-color 0.2s, background-color 0.2s, transform 0.2s; 25 } 26 27 .hero-cta-secondary:hover { 28 border-color: var(--text-dim); 29 background: var(--bg-elevated); 30 transform: translateY(-1px); 31 } 32 33 @media (max-width: 640px) { 34 .hero-actions {
35 width: min(100%, 360px); 36 margin-right: auto; 37 margin-left: auto; 38 flex-direction: row; 39 flex-wrap: nowrap !important; 40 gap: 8px !important; 41 } 42 43 .hero-actions .hero-cta { 44 width: auto; 45 min-width: 0; 46 min-height: 48px; 47 padding: 13px 10px; 48 font-size: 13px; 49 } 50 51 .hero-actions .hero-cta-primary { 52 flex: 1.2 1 0; 53 gap: 8px !important; 54 } 55 56 .hero-actions .hero-cta-secondary { 57 flex: 1 1 0; 58 } 59 } 60</style><section class="hero-section" style="padding:132px 40px 72px;text-align:center;position:relative;overflow-x:clip;overflow-y:visible"><div style="position:absolute;top:40px;left:50%;transform:translateX(-50%);width:800px;height:600px;background:radial-gradient(ellipse, rgba(37,99,235,0.125) 0%, transparent 70%);pointer-events:none;opacity:0.4"></div><h1 style="font-size:clamp(36px, 7vw, 80px);font-weight:700;line-height:1.05;letter-spacing:-0.045em;max-width:800px;margin:0 auto 24px;text-wrap:balance;position:relative;animation:fadeUp 0.6s ease-out 0.05s both;color:var(--text)">Give your agent your iPhone</h1><p style="font-size:20px;color:#6b7280;max-width:780px;margin:0 auto 32px;line-height:1.6;text-wrap:balance;font-weight:400;animation:fadeUp 0.6s ease-out 0.15s both">Tapkit is a Mac app that lets agents see, tap, and type across apps on your iPhones.</p><div class="hero-actions" style="display:flex;gap:16px;justify-content:center;align-items:center;animation:fadeUp 0.6s ease-out 0.25s both;flex-wrap:wrap;margin-bottom:56px"><button class="btn-primary btn-large hero-cta hero-cta-primary" style="display:inline-flex;align-items:center;gap:10px"><svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" style="display:inline-block;vertical-align:middle"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.8-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"></path></svg>Download for Mac</button><a class="btn-large hero-cta hero-cta-secondary" href="/book">Book a Demo</a></div><div class="hero-demo-wrap" style="position:relative;animation:fadeUp 0.7s ease-out 0.35s both"><style> 61.hero-demo { font-family: inherit; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: left; } 62.hero-demo, .hero-demo * { margin: 0; padding: 0; box-sizing: border-box; } 63.hero-demo .mac-window { width: 820px; height: 472px; margin-bottom: 57px; background: #FBFCFE; border: 1px solid #D8DEE8; border-radius: 20px; overflow: hidden; box-shadow: 0 28px 70px rgba(26, 26, 45, 0.12), 0 5px 18px rgba(26, 26, 45, 0.07); transform: scale(1.12); transform-origin: top center; } 64.hero-demo .mac-titlebar { position: relative; height: 46px; padding: 0 18px; display: flex; align-items: center; background: #F1F4F8; border-bottom: 1px solid #D8DEE8; } 65.hero-demo .mac-traffic { display: flex; gap: 8px; } 66.hero-demo .mac-workspace { height: 426px; display: flex; align-items: center; justify-content: center; background: #FBFCFE; } 67.hero-demo .demo-row { --phone-panel-width: 56%; position: relative; width: 100%; height: 100%; display: grid; grid-template-areas: "phone chat"; grid-template-columns: var(--phone-panel-width) minmax(0, 1fr); gap: 0; } 68.hero-demo.show-connector .demo-row { gap: 0; } 69 70/* CONNECTOR */ 71.hero-demo .connector { position: absolute; top: 50%; left: var(--phone-panel-width); width: 120px; height: 0; overflow: visible; display: none; transform: translate(-50%, -50%); pointer-events: none; } 72.hero-demo.show-connector .connector { display: block; width: 120px; } 73.hero-demo .connector-line { position: absolute; top: 0; left: 0; right: 0; border-top: 2px dashed #d8dee8; } 74.hero-demo.light-term .connector-line { border-color: #e5e7eb; } 75.hero-demo .conn-bubble { position: absolute; top: 1px; right: -4px; transform: translateY(-50%); background: #3b82f6; color: #fff; font-family: 'JetBrains Mono', monospace; font-size: 8px; font-weight: 600; padding: 3px 7px; border-radius: 10px; white-space: nowrap; opacity: 0; pointer-events: none; box-shadow: 0 2px 8px rgba(59,130,246,0.35); animation: bubbleTravel 1100ms cubic-bezier(0.4,0,0.2,1) forwards; } 76.hero-demo.conn-dot-mode .conn-bubble { width: 8px; height: 8px; padding: 0; font-size: 0; border-radius: 50%; box-shadow: 0 1px 6px rgba(59,130,246,0.4); } 77.hero-demo .connector-line, .hero-demo .conn-bubble { display: none; } 78@keyframes bubbleTravel { 79 0% { right: -4px; opacity: 0; transform: translateY(-50%) scale(0.7); } 80 10% { opacity: 1; transform: translateY(-50%) scale(1); } 81 85% { opacity: 1; transform: translateY(-50%) scale(1); } 82 100% { right: calc(100% + 4px); opacity: 0; transform: translateY(-50%) scale(0.7); } 83} 84 85/* TERMINAL */ 86.hero-demo .terminal { 87 --term-bg: #FBFCFE; 88 --term-chrome: #F1F4F8; 89 --term-border: #D8DEE8; 90 --term-text: #1A1A2D; 91 --term-muted: #6E778B; 92 --term-subtle: #A0A8B8; 93 --term-accent: #456DE5; 94 grid-area: chat; 95 min-width: 0; 96 width: 100%; 97 height: 100%; 98 background: transparent; 99 border: 0; 100 border-left: 1px solid var(--term-border); 101 border-radius: 0; 102 overflow: hidden; 103 box-shadow: none; 104 display: flex; 105 flex-direction: column; 106 position: relative; 107} 108.hero-demo .term-dot { width: 10px; height: 10px; border-radius: 50%; } 109.hero-demo .term-dot:nth-child(1) { background: #FF5F57; } 110.hero-demo .term-dot:nth-child(2) { background: #FFBD2E; } 111.hero-demo .term-dot:nth-child(3) { background: #28C840; } 112.hero-demo .term-body { min-height: 0; padding: 0 16px; font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 500; overflow: hidden; flex: 1 1 0; } 113.hero-demo .term-viewport { width: 100%; height: 100%; overflow: hidden; position: relative; } 114.hero-demo .term-scroll { display: flex; flex-direction: column; width: 100%; padding-top: 16px; transition: transform 150ms ease; } 115.hero-demo .tl { white-space: nowrap; height: 24px; line-height: 24px; color: var(--term-text); opacity: 0; transition: opacity 0.2s ease; flex-shrink: 0; } 116.hero-demo .tl.visible { opacity: 1; } 117.hero-demo .tl-action { height: 51px; display: flex; align-items: center; overflow: visible; } 118.hero-demo .action-pill { width: max-content; height: 39px; display: inline-flex; align-items: center; gap: 8px; padding: 0 14px; border: 0; border-radius: 9999px; background: #F1F4F8; box-shadow: none; color: #3F4758; font-family: var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; font-weight: 500; line-height: 23px; letter-spacing: -0.01em; white-space: nowrap; } 119.hero-demo .action-emoji { width: auto;
119 min-width: 20px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1; white-space: pre; } 120.hero-demo .tl-message { min-height: 51px; height: auto; padding: 6px 0; display: flex; align-items: center; line-height: normal; overflow: visible; } 121.hero-demo .tl-message .think { width: max-content; max-width: 100%; min-height: 39px; display: inline-flex; align-items: center; padding: 8px 14px; border: 0; border-radius: 9999px; background: #F1F4F8; box-shadow: none; color: #3F4758; font-family: var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif; font-size: 16px; font-weight: 500; font-style: normal; line-height: 23px; letter-spacing: -0.01em; white-space: normal; } 122.hero-demo .tl-request { justify-content: flex-end; margin-bottom: 10px; } 123.hero-demo .tl-message.tl-request .think { border-radius: 18px 18px 4px 18px; background: #2563eb; color: #fff; } 124.hero-demo .typing-row { flex: 0 0 46px; height: 46px; padding: 0 16px; display: flex; align-items: center; pointer-events: none; } 125.hero-demo .typing-indicator { width: 63px; height: 36px; padding: 0 15px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 18px; background: #F1F4F8; box-shadow: none; } 126.hero-demo .typing-dot { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #C2C7D0; animation: typingShade 1.6s ease-in-out infinite; } 127.hero-demo .typing-dot:nth-child(2) { animation-delay: 220ms; } 128.hero-demo .typing-dot:nth-child(3) { animation-delay: 440ms; } 129@keyframes typingShade { 130 0%, 14%, 100% { background-color: #C2C7D0; } 131 7% { background-color: #7C8594; } 132} 133@media (prefers-reduced-motion: reduce) { 134 .hero-demo .typing-dot { animation: none; background-color: #9EA6B3; } 135 .hero-demo .term-scroll { transition: none; } 136 .hero-demo .tl { transition: none; } 137} 138.hero-demo .chat-composer-row { flex: 0 0 60px; height: 60px; padding: 0 16px 16px; } 139.hero-demo .chat-composer { width: 100%; height: 44px; padding: 0 4px 0 15px; display: flex; align-items: center; gap: 10px; border: 1px solid #D8DEE8; border-radius: 22px; background: #FFFFFF; box-shadow: 0 1px 2px rgba(26, 26, 45, 0.04); } 140.hero-demo .chat-composer-placeholder { min-width: 0; flex: 1; overflow: hidden; color: #A0A8B8; font-family: inherit; font-size: 14px; font-weight: 500; line-height: 20px; letter-spacing: -0.01em; white-space: nowrap; text-overflow: ellipsis; } 141.hero-demo .chat-send { width: 36px; height: 36px; flex: 0 0 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #456DE5; color: #FFFFFF; box-shadow: 0 2px 7px rgba(69, 109, 229, 0.24); } 142.hero-demo .chat-send svg { width: 19px; height: 19px; stroke-width: 3; } 143.hero-demo .fn { color: var(--term-accent); } 144.hero-demo .str { color: #0F9F6E; } 145.hero-demo .kw { color: #9B6BE8; } 146.hero-demo .op { color: var(--term-subtle); } 147.hero-demo .cm { color: var(--term-subtle); } 148.hero-demo .num { color: #B7791F; } 149.hero-demo .think { color: var(--term-muted); font-style: italic; } 150 151/* PHONE */ 152.hero-demo .phone-frame { grid-area: phone; place-self: center; position: relative; width: 190px; height: 380px; border: 3px solid #9ca3af; border-radius: 32px; background: #fff; overflow: hidden; } 153.hero-demo .phone-notch { position: absolute; top: 7px; left: 50%; transform: translateX(-50%); width: 42px; height: 11px; background: #9ca3af; border-radius: 20px; z-index: 20; } 154.hero-demo .phone-screen { position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; border-radius: 24px; overflow: hidden; background: #f9fafb; } 155.hero-demo .ph-layer { position: absolute; inset: 0; opacity: 0; overflow: hidden; } 156.hero-demo .ph-home { opacity: 1; z-index: 0; transform: scale(1); transform-origin: center; transition: transform 640ms cubic-bezier(.22,1,.36,1), opacity 640ms ease; } 157.hero-demo .ph-home.app-open { opacity: 0.42; transform: scale(0.965); } 158.hero-demo .home-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; padding: 26px 8px 0; } 159.hero-demo .home-grid-row2 { display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; padding: 6px 8px 0; } 160.hero-demo .app-icon { width: 100%; aspect-ratio: 1; border-radius: 22%; } 161.hero-demo .app-icon.is-launching { opacity: 0; }
162.hero-demo .home-dock { position: absolute; bottom: 12px; left: 0; right: 0; display: grid; grid-template-columns: repeat(4,1fr); gap: 6px; padding: 0 8px; } 163.hero-demo .dock-pill { width: 100%; aspect-ratio: 1; border-radius: 22%; background: #93c5fd; } 164 165/* The launch surface is measured from its real Home Screen icon in JS. */ 166.hero-demo .ph-expand { inset: 0; border-radius: 0; z-index: 12; opacity: 0; pointer-events: none; transform-origin: 0 0; will-change: transform, opacity, border-radius; } 167.hero-demo .ph-expand-1 { background: linear-gradient(135deg,#fef08a,#fde047); } 168.hero-demo .ph-expand-2 { background: linear-gradient(135deg,#bbf7d0,#86efac); } 169.hero-demo .ph-expand-3 { background: linear-gradient(135deg,#e8d5b7,#d4b896); } 170.hero-demo .ph-expand-4 { background: linear-gradient(135deg,#bfdbfe,#93c5fd); } 171.hero-demo .ph-launch-outline { position: absolute; top: 0; left: 0; width: 0; height: 0; box-sizing: border-box; border: 3px solid var(--sticker-ink, #08090C); border-radius: 22%; opacity: 0; z-index: 13; pointer-events: none; contain: layout paint; box-shadow: none; will-change: transform, width, height, border-radius, border-width, opacity; } 172 173/* App screen layers â JS toggles .active */ 174.hero-demo .app-layer { position: absolute; inset: 0; opacity: 0; overflow: hidden; z-index: 10; pointer-events: none; transform-origin: 0 0; will-change: transform, opacity, border-radius; } 175.hero-demo .app-layer.active { opacity: 1; pointer-events: auto; } 176 177/* INSTAGRAM FEED */ 178.hero-demo .ph-feed { background: #fff; } 179.hero-demo .feed-bar { display: flex; justify-content: space-between; align-items: center; padding: 18px 10px 6px; } 180.hero-demo .feed-bar-title { width: 48px; height: 6px; background: #e5e7eb; border-radius: 3px; } 181.hero-demo .feed-stories { display: flex; gap: 6px; padding: 4px 10px 6px; border-bottom: 1px solid #f5f5f5; } 182.hero-demo .feed-story { width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; } 183.hero-demo .feed-post { padding: 4px 10px; } 184.hero-demo .feed-post-head { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; } 185.hero-demo .feed-avatar { width: 14px; height: 14px; border-radius: 50%; flex-shrink: 0; } 186.hero-demo .feed-name { width: 28px; height: 4px; background: #e5e7eb; border-radius: 2px; } 187.hero-demo .feed-img { width: 100%; height: 70px; border-radius: 4px; position: relative; overflow: hidden; margin-bottom: 3px; } 188.hero-demo .feed-actions { display: flex; gap: 6px; padding: 2px 0; } 189.hero-demo .feed-act { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #e5e7eb; background: #f3f4f6; transition: all 0.3s ease; } 190.hero-demo .feed-act.liked { background: #f9a8d4; border-color: #f9a8d4; } 191.hero-demo .feed-text { height: 3px; border-radius: 2px; margin: 3px 0 0; background: #f3f4f6; } 192.hero-demo .feed-content { transition: transform 0.8s ease-in-out; } 193.hero-demo .feed-heart-sync { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(0); width: 36px; height: 36px; opacity: 0; transition: all 0.3s ease; } 194.hero-demo .feed-heart-sync.show { transform: translate(-50%,-50%) scale(1.3); opacity: 1; } 195.hero-demo .feed-heart-sync.settle { transform: translate(-50%,-50%) scale(1); opacity: 1; transition: transform 0.2s ease; } 196.hero-demo .feed-heart-sync { filter: drop-shadow(0 2px 1.5px rgba(8,9,12,.22)); } 197.hero-demo .feed-heart-sync svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; } 198.hero-demo .feed-heart-cutline { fill: #FFFFFF; color: #FFFFFF; stroke: #FFFFFF; stroke-width: 5; stroke-linejoin: round; } 199.hero-demo .feed-heart-mark { fill: #E11D48; color: #08090C; stroke: #08090C; stroke-width: 2.4; stroke-linejoin: round; paint-order: stroke fill; } 200 201/* CHAT SCREEN */ 202.hero-demo .ph-chat { --keyboard-h: 118px; background: #fff; } 203.hero-demo .convo-header { height: 47px; display: flex; align-items: center; gap: 6px; padding: 15px 10px 5px; border-bottom: 1px solid #f0f1f4; } 204.hero-demo .convo-back { width: 12px; color: #0A84FF; display: inline-flex; align-items: center; justify-content: flex-start; } 205.hero-demo .convo-back svg { width: 12px; height: 12px; stroke-width: 2.4; }
206.hero-demo .convo-avatar { width: 20px; height: 20px; border-radius: 50%; } 207.hero-demo .convo-name { height: 5px; border-radius: 2px; } 208.hero-demo .convo-body { position: absolute; z-index: 4; top: 47px; left: 0; right: 0; padding: 9px 8px; display: flex; flex-direction: column; gap: 6px; transform: translateY(0); transition: transform 360ms cubic-bezier(.22,1,.36,1); } 209.hero-demo .ph-chat.keyboard-open .convo-body, 210.hero-demo .ph-chat.sent .convo-body { transform: translateY(0); } 211.hero-demo .bubble { max-width: 76%; padding: 6px 9px; border-radius: 12px; min-height: 14px; } 212.hero-demo .bubble-them { align-self: flex-start; border-bottom-left-radius: 4px; } 213.hero-demo .bubble-me { align-self: flex-end; border-bottom-right-radius: 4px; } 214.hero-demo .bubble-line { height: 3px; border-radius: 2px; margin: 2px 0; } 215.hero-demo .bubble-new { display: none; width: 52%; align-self: flex-end; border-bottom-right-radius: 4px; background: #0A84FF; opacity: 0; transform: translateY(7px) scale(.9); transform-origin: right bottom; } 216.hero-demo .bubble-new.mounted { display: block; } 217.hero-demo .bubble-new.show { opacity: 1; transform: translateY(0) scale(1); transition: opacity 220ms ease, transform 360ms cubic-bezier(.2,1.35,.35,1); } 218.hero-demo .bubble-new-line { display: block; width: 72%; height: 3px; border-radius: 999px; background: rgba(255,255,255,.78); } 219.hero-demo .chat-input-area { position: absolute; z-index: 6; left: 6px; right: 6px; bottom: 8px; height: 28px; display: flex; align-items: center; gap: 5px; transform: translateY(0); transition: transform 340ms cubic-bezier(.22,1,.36,1); } 220.hero-demo .ph-chat.keyboard-open .chat-input-area { transform: translateY(calc(-1 * var(--keyboard-h))); } 221.hero-demo .chat-plus { width: 22px; height: 22px; flex: 0 0 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #E8E9ED; color: #737983; } 222.hero-demo .chat-plus svg { width: 12px; height: 12px; stroke-width: 2.2; } 223.hero-demo .chat-input-bar { min-width: 0; height: 28px; flex: 1; border-radius: 14px; background: #fff; border: 1px solid #D9DCE2; display: flex; align-items: center; padding: 0 3px 0 8px; box-shadow: 0 1px 1px rgba(24,32,48,.04); } 224.hero-demo .chat-input-placeholder { color: #A3A8B1; font-size: 7px; line-height: 1; } 225.hero-demo .chat-input-progress { width: 0; height: 3px; flex: 0 0 auto; border-radius: 999px; background: #A8AFBA; opacity: 0; transition: width 980ms steps(12,end), opacity 140ms ease; } 226.hero-demo .chat-input-bar.has-text .chat-input-placeholder { display: none; } 227.hero-demo .chat-input-bar.has-text .chat-input-progress { width: 58px; opacity: 1; } 228.hero-demo .ph-chat.sent .chat-input-progress { opacity: 0; transition: opacity 120ms ease, width 0ms linear 120ms; } 229.hero-demo .chat-input-action { width: 20px; height: 20px; flex: 0 0 20px; margin-left: auto; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; color: #8B929E; background: #0A84FF; opacity: 1; } 230.hero-demo .chat-input-action svg { width: 10px; height: 10px; stroke-width: 2.2; } 231.hero-demo .chat-send-icon { display: block; color: #fff; } 232.hero-demo .chat-input-bar.has-text .chat-input-action, 233.hero-demo .ph-chat.sent .chat-input-action { background: #0A84FF; opacity: 1; } 234.hero-demo .chat-input-bar.has-text .chat-send-icon, 235.hero-demo .ph-chat.sent .chat-send-icon { display: block; } 236 237.hero-demo .chat-kb { position: absolute; z-index: 5; bottom: 0; left: 0; right: 0; height: var(--keyboard-h); padding: 4px 3px 5px; background: #D1D4D9; border-top: 1px solid #C5C8CE; display: flex; flex-direction: column; justify-content: flex-end; gap: 3px; transform: translateY(100%); transition: transform 340ms cubic-bezier(.22,1,.36,1); } 238.hero-demo .ph-chat.keyboard-open .chat-kb { transform: translateY(0); } 239.hero-demo .kb-suggestions { height: 14px; display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; align-items: center; } 240.hero-demo .kb-suggestion { position: relative; height: 8px; border-right: 1px solid rgba(104,110,120,.22); } 241.hero-demo .kb-suggestion::after { content: ""; position: absolute; top: 50%; left: 50%;
241 width: 20px; height: 2px; border-radius: 999px; background: rgba(109,116,127,.26); transform: translate(-50%,-50%); } 242.hero-demo .kb-suggestion:last-child { border-right: 0; } 243.hero-demo .kb-r { min-width: 0; display: flex; gap: 2px; justify-content: center; } 244.hero-demo .kb-r-home { padding: 0 7px; } 245.hero-demo .chat-kb > .kb-r:last-child { padding: 0 7px; gap: 4px; } 246.hero-demo .kb-k { min-width: 0; height: 19px; flex: 1 1 0; border-radius: 3px; background: rgba(255,255,255,.92); box-shadow: 0 1px 1px rgba(48,54,64,.22); } 247.hero-demo .kb-control { flex: 0 0 31px; border-radius: 9px; background: #AEB3BC; } 248.hero-demo .kb-space { flex: 1 1 auto; } 249.hero-demo .kb-return { flex: 0 0 42px; border-radius: 9px; background: #AEB3BC; } 250 251/* TIKTOK */ 252.hero-demo .ph-video { background: #f9fafb; } 253.hero-demo .video-screen { position: absolute; inset: 0; overflow: hidden; } 254.hero-demo .video-track { position: absolute; inset: 0; width: 100%; height: 100%; display: flex; flex-direction: column; transform: translate3d(0,0,0); transition: transform 620ms cubic-bezier(.22,.82,.28,1); will-change: transform; } 255.hero-demo .video-track.is-resetting { transition: none; } 256.hero-demo .video-player { position: relative; width: 100%; height: 100%; min-height: 100%; flex: 0 0 100%; display: flex; align-items: flex-end; overflow: hidden; } 257.hero-demo .video-thumb { position: absolute; inset: 0; } 258.hero-demo .video-sidebar { position: absolute; right: 8px; bottom: 40px; display: flex; flex-direction: column; align-items: center; gap: 10px; z-index: 2; } 259.hero-demo .video-side-btn { width: 18px; height: 18px; border-radius: 50%; } 260.hero-demo .video-side-count { width: 10px; height: 3px; border-radius: 2px; margin-top: -6px; } 261.hero-demo .video-bottom { position: absolute; bottom: 10px; left: 10px; right: 40px; z-index: 2; } 262.hero-demo .video-user { display: flex; align-items: center; gap: 5px; margin-bottom: 5px; } 263.hero-demo .video-avatar { width: 14px; height: 14px; border-radius: 50%; } 264.hero-demo .video-name { height: 4px; border-radius: 2px; } 265.hero-demo .video-desc-line { height: 3px; border-radius: 2px; margin: 3px 0; } 266.hero-demo .video-progress { position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(0,0,0,0.05); z-index: 2; } 267.hero-demo .video-progress-bar { height: 100%; border-radius: 1px; width: 0%; transition: width linear; } 268 269/* TINDER */ 270.hero-demo .ph-swipe { background: #f9fafb; } 271.hero-demo .swipe-stack { position: absolute; top: 28px; left: 12px; right: 12px; bottom: 50px; } 272.hero-demo .sw-card { position: absolute; inset: 0; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,0.06); overflow: hidden; display: flex; flex-direction: column; transition: transform 0.62s cubic-bezier(.32,.72,0,1); will-change: transform; } 273.hero-demo .sw-photo { flex: 1; } 274.hero-demo .sw-info { padding: 8px 10px; } 275.hero-demo .sw-name { width: 36px; height: 5px; background: #d1d5db; border-radius: 3px; margin-bottom: 4px; } 276.hero-demo .sw-bio { width: 50px; height: 3px; background: #e5e7eb; border-radius: 2px; } 277.hero-demo .sw-card-3 { z-index: 1; transform: scale(0.92); } 278.hero-demo .sw-card-2 { z-index: 2; transform: scale(0.96); } 279.hero-demo .sw-card-1 { z-index: 3; } 280.hero-demo .sw-stamp { position: absolute; top: 16px; font-size: 14px; font-weight: 800; padding: 2px 5px; border-radius: 3px; border: 2px solid; opacity: 0; z-index: 3; transition: opacity 0.2s ease; } 281.hero-demo .sw-stamp.show { opacity: 1; } 282.hero-demo .sw-stamp-like { right: 8px; color: #16a34a; border-color: #16a34a; transform: rotate(12deg); } 283.hero-demo .sw-stamp-nope { left: 8px; color: #e11d48; border-color: #e11d48; transform: rotate(-12deg); } 284.hero-demo .sw-btns { position: absolute; bottom: 12px; left: 0; right: 0; display: flex; justify-content: center; gap: 24px; } 285.hero-demo .sw-btn { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; background: #fff; transition: all 0.2s ease; } 286.hero-demo .sw-btn svg { width: 15px; height: 15px; stroke-width: 2.5; } 287.hero-demo .sw-btn-h svg { fill: currentColor; } 288.hero-demo .sw-btn-x { color: #e11d48; border: 1.5px solid #e11d48; } 289.hero-demo .sw-btn-x.active { background: #e11d48; color: #fff; transform: scale(1.15); } 290.hero-demo .sw-btn-h { color: #16a34a; border: 1.5px solid #16a34a; } 291.hero-demo .sw-btn-h.active { background: #16a34a; color: #fff; transform: scale(1.15); } 292 293/* STICKER PHONE SYSTEM â mirrors the bold outlined setup illustrations. */ 294.hero-demo .phone-frame { 295 --sticker-ink: #08090C; 296 --sticker-paper: #FFFFFF; 297 --sticker-soft: #E7E8EC; 298 --sticker-blue: #2568F2; 299 --sticker-blue-deep: #0E56E6; 300 --sticker-coral: #FF7654; 301 border-color: var(--sticker-ink); 302 background: var(--sticker-paper); 303 box-shadow: 0 0 0 2px var(--sticker-ink), 0 0 0 8px #FFFFFF, 0 8px 12px rgba(24, 29, 38, .17); 304} 305.hero-demo .phone-notch { width: 44px; height: 11px; background: var(--sticker-ink); } 306.hero-demo .phone-screen { background: radial-gradient(circle at 50% 12%, #FFFFFF 0%, #F7F7F5 68%, #ECEEF2 100%); } 307.hero-demo .ph-home { background: radial-gradient(circle at 50% 12%, #FFFFFF 0%, #F7F7F5 68%, #ECEEF2 100%); } 308.hero-demo .app-icon { 309 border: 2px solid var(--sticker-ink); 310 border-radius: 22%; 311 box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 2px 0 rgba(8,9,12,.12); 312 filter: none; 313}
314.hero-demo .home-dock { 315 right: 7px; 316 bottom: 9px; 317 left: 7px; 318 gap: 4px; 319 padding: 5px 6px; 320 border: 2px solid var(--sticker-ink); 321 border-radius: 13px; 322 background: rgba(255,255,255,.96); 323 box-shadow: 0 0 0 3px rgba(255,255,255,.96), 0 4px 7px rgba(24,29,38,.12); 324} 325.hero-demo .dock-pill { border: 1.5px solid var(--sticker-ink); border-radius: 22%; box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 2px 0 rgba(8,9,12,.12); filter: none; } 326 327/* Keep each launch surface visually identical to its outlined Home tile. */ 328.hero-demo .ph-expand-1 { background: linear-gradient(135deg, #FEF08A, #FDE047); } 329.hero-demo .ph-expand-2 { background: linear-gradient(135deg, #BBF7D0, #86EFAC); } 330.hero-demo .ph-expand-3 { background: linear-gradient(135deg, #E8D5B7, #D4B896); } 331.hero-demo .ph-expand-4 { background: linear-gradient(135deg, #BFDBFE, #93C5FD); } 332 333/* Instagram â outlined cards and high-contrast media tiles. */ 334.hero-demo .ph-feed { background: #FFFFFF; } 335.hero-demo .feed-bar { background: #FFFFFF; box-shadow: inset 0 -2px 0 var(--sticker-ink); } 336.hero-demo .feed-bar-title, 337.hero-demo .feed-name, 338.hero-demo .feed-text { background: var(--sticker-ink); } 339.hero-demo .feed-stories { border-bottom: 0; background: #F4F5F7; box-shadow: inset 0 -2px 0 var(--sticker-ink); } 340.hero-demo .feed-story, 341.hero-demo .feed-avatar { border: 0; box-shadow: inset 0 0 0 2px var(--sticker-ink), 0 1px 0 rgba(8,9,12,.12); } 342.hero-demo .feed-post { background: #FFFFFF; box-shadow: none; } 343.hero-demo .feed-img { border: 0; border-radius: 9px; box-shadow: inset 0 0 0 2px var(--sticker-ink), 0 2px 0 rgba(8,9,12,.13); } 344.hero-demo .feed-post:nth-child(3) .feed-img { background: linear-gradient(145deg, #A7F3D0, #6EE7B7) !important; } 345.hero-demo .feed-post:nth-child(4) .feed-img { background: linear-gradient(145deg, #FEF08A, #FDE047) !important; } 346.hero-demo .feed-post:nth-child(5) .feed-img { background: linear-gradient(145deg, #FF8765, #F15B42) !important; } 347.hero-demo .feed-post:nth-child(6) .feed-img { background: linear-gradient(145deg, #3679FF, #0E56E6) !important; } 348.hero-demo .feed-post:nth-child(7) .feed-img { background: linear-gradient(145deg, #DDD6FE, #C4B5FD) !important; } 349.hero-demo .feed-act { border-color: transparent; background: #FFFFFF; box-shadow: inset 0 0 0 2px var(--sticker-ink); } 350.hero-demo .feed-act.liked { border-color: transparent; background: var(--sticker-blue); } 351.hero-demo .feed-text { display: none; } 352 353/* Messages â the speech bubbles become literal mini sticker surfaces. */ 354.hero-demo .ph-chat { 355 --kb-deck-top: #F2F5FA; 356 --kb-deck-bottom: #DCE4EF; 357 --kb-key: #FFFFFF; 358 --kb-modifier: #B7C4D6; 359 --kb-shadow: rgba(8,9,12,.14); 360 background: radial-gradient(circle at 50% 8%, #FFFFFF, #F0F1F4 88%); 361} 362.hero-demo .convo-header { border-bottom: 3px solid var(--sticker-ink); background: #FFFFFF; } 363.hero-demo .convo-back { color: var(--sticker-ink); } 364.hero-demo .convo-avatar { border: 2px solid var(--sticker-ink); background: linear-gradient(145deg, #3679FF, #0E56E6) !important; } 365.hero-demo .convo-name { background: var(--sticker-ink) !important; } 366.hero-demo .bubble { border: 0; box-shadow: inset 0 0 0 2px var(--sticker-ink), 0 2px 0 rgba(8,9,12,.12); } 367.hero-demo .bubble-them { background: linear-gradient(145deg, #F3F4F6, #DDE0E5) !important; } 368.hero-demo .bubble-me, 369.hero-demo .bubble-new { background: linear-gradient(145deg, #3679FF, #0E56E6) !important; } 370.hero-demo .bubble-them .bubble-line { background: #A4A9B2 !important; } 371.hero-demo .bubble-me .bubble-line, 372.hero-demo .bubble-new-line { background: rgba(255,255,255,.84) !important; } 373.hero-demo .chat-plus, 374.hero-demo .chat-input-bar, 375.hero-demo .chat-input-action { border: 2px solid var(--sticker-ink); } 376.hero-demo .chat-plus { background: #FFFFFF; color: var(--sticker-ink); } 377.hero-demo .chat-input-bar { background: #FFFFFF; box-shadow: 0 2px 0 rgba(8,9,12,.11); } 378.hero-demo .chat-input-progress { background: var(--sticker-ink); } 379.hero-demo .chat-input-action { background: var(--sticker-blue); } 380.hero-demo .chat-input-bar.has-text .chat-input-action, 381.hero-demo .ph-chat.sent .chat-input-action { background: var(--sticker-blue); } 382.hero-demo .chat-kb { border-top: 3px solid var(--sticker-ink); background: linear-gradient(180deg, var(--kb-deck-top), var(--kb-deck-bottom)); box-shadow: inset 0 2px 0 rgba(255,255,255,.72); } 383.hero-demo .kb-suggestion, 384.hero-demo .kb-suggestion:last-child { border-right: 0; } 385.hero-demo .kb-suggestion::after { height: 3px; background: var(--sticker-ink); box-shadow: none; } 386.hero-demo .kb-k { border: 0; border-radius: 4px; background: var(--kb-key); box-shadow: inset 0 0 0 1.5px var(--sticker-ink), 0 2px 0 var(--kb-shadow); } 387.hero-demo .kb-control, 388.hero-demo .kb-return { border-radius: 9px; background: var(--kb-modifier); } 389.hero-demo .kb-space { background: var(--kb-key); } 390 391/* TikTok â full sticker-color pages with an outlined floating control stack. */ 392.hero-demo .ph-video { background: #FFFFFF; } 393.hero-demo .video-slide-1 .video-thumb { background: linear-gradient(145deg, #3679FF, #0E56E6) !important; } 394.hero-demo .video-slide-2 .video-thumb { background: linear-gradient(145deg, #A7F3D0, #6EE7B7) !important; } 395.hero-demo .video-slide-3 .video-thumb { background: linear-gradient(145deg, #FF8765, #F15B42) !important; } 396.hero-demo .video-side-btn { border: 2px solid var(--sticker-ink); background: #FFFFFF !important; box-shadow: 0 2px 0 rgba(8,9,12,.16); } 397.hero-demo .video-side-btn:nth-child(3) { background: var(--sticker-coral) !important; } 398.hero-demo .video-side-count { background: var(--sticker-ink) !important; } 399.hero-demo .video-bottom { bottom: 16px; padding: 6px; border: 2px solid var(--sticker-ink); border-radius: 10px; background: rgba(255,255,255,.94); box-shadow: 0 0 0 2px #FFFFFF, 0 3px 7px rgba(8,9,12,.15); } 400.hero-demo .video-avatar { border: 2px solid var(--sticker-ink); background: var(--sticker-blue) !important; } 401.hero-demo .video-name, 402.hero-demo .video-desc-line { background: var(--sticker-ink) !important; } 403.hero-demo .video-progress { left: 0; right: 0; bottom: 0; box-sizing: border-box; height: 6px; border: 0; border-top: 2px solid rgba(255,255,255,.96); border-radius: 0; background: rgba(255,255,255,.32); box-shadow: none; overflow: hidden; } 404.hero-demo .video-progress-bar { border-radius: 0 2px 2px 0; box-shadow: 1px 0 0 rgba(255,255,255,.96); } 405.hero-demo .video-slide-1 .video-progress-bar { background: #FF9F43 !important; } 406.hero-demo .video-slide-2 .video-progress-bar { background: #6D28D9 !important; } 407.hero-demo .video-slide-3 .video-progress-bar { background: #164E63 !important; } 408
409/* Tinder â stacked sticker cards and heavy outlined action buttons. */ 410.hero-demo .ph-swipe { background: radial-gradient(circle at 50% 8%, #FFFFFF, #E9EBEF 90%); } 411.hero-demo .sw-card { border: 3px solid var(--sticker-ink); border-radius: 14px; box-shadow: 0 0 0 3px #FFFFFF, 0 5px 10px rgba(8,9,12,.16); } 412.hero-demo .sw-card-1 .sw-photo { background: linear-gradient(145deg, #A7F3D0, #6EE7B7) !important; } 413.hero-demo .sw-card-2 .sw-photo { background: linear-gradient(145deg, #BFDBFE, #93C5FD) !important; } 414.hero-demo .sw-card-3 .sw-photo { background: linear-gradient(145deg, #FEF08A, #FDE047) !important; } 415.hero-demo .sw-info { border-top: 3px solid var(--sticker-ink); background: #FFFFFF; } 416.hero-demo .sw-name, 417.hero-demo .sw-bio { background: var(--sticker-ink); } 418.hero-demo .sw-stamp { border-width: 3px; background: #FFFFFF; box-shadow: 0 0 0 2px #FFFFFF; } 419.hero-demo .sw-btn { border: 3px solid var(--sticker-ink); background: #FFFFFF; box-shadow: 0 0 0 2px #FFFFFF, 0 3px 7px rgba(8,9,12,.15); } 420.hero-demo .sw-btn-x { color: #FFFFFF; background: linear-gradient(145deg, #FB7185, #E11D48); } 421.hero-demo .sw-btn-h { color: #FFFFFF; background: linear-gradient(145deg, #4ADE80, #16A34A); } 422.hero-demo .sw-btn-x.active { border-color: var(--sticker-ink); background: #E11D48; color: #FFFFFF; } 423.hero-demo .sw-btn-h.active { border-color: var(--sticker-ink); background: #16A34A; color: #FFFFFF; } 424 425@media (prefers-reduced-motion: reduce) { 426 .hero-demo .ph-home, 427 .hero-demo .app-icon, 428 .hero-demo .convo-body, 429 .hero-demo .bubble-new, 430 .hero-demo .bubble-new.show, 431 .hero-demo .chat-input-area, 432 .hero-demo .chat-input-progress, 433 .hero-demo .chat-kb, 434 .hero-demo .video-track, 435 .hero-demo .feed-content, 436 .hero-demo .feed-heart-sync, 437 .hero-demo .feed-act, 438 .hero-demo .sw-card, 439 .hero-demo .sw-stamp, 440 .hero-demo .sw-btn { transition: none !important; } 441 .hero-demo .video-progress-bar { transition: none !important; } 442} 443 444/* Static Desktop illustration never animates, including on first render. */ 445.hero-demo.static-demo * { animation: none !important; transition: none !important; } 446 447/* CONTROLS (hidden) */ 448.hero-demo .controls { display: none !important; } 449 450/* RESPONSIVE */ 451@media (min-width: 1200px) { 452 .hero-demo .mac-window { transform: scale(1.28); margin-bottom: 133px; } 453} 454@media (min-width: 941px) and (max-width: 1023px) { 455 .hero-demo .mac-window { transform: scale(1); margin-bottom: 0; } 456} 457@media (min-width: 713px) and (max-width: 940px) { 458 .hero-demo .mac-window { transform: scale(0.82); margin-top: 20px; margin-bottom: -85px; } 459} 460@media (min-width: 385px) and (max-width: 712px) { 461 .hero-demo .mac-window { transform: scale(0.45); margin-top: 20px; margin-bottom: -260px; } 462} 463@supports (transform: scale(calc((100vw - 40px) / 820px))) { 464 @media (min-width: 385px) and (max-width: 712px) { 465 .hero-demo .mac-window { 466 transform: scale(calc((100vw - 40px) / 820px)); 467 margin-bottom: calc(57.5609756vw - 495.024px); 468 } 469 } 470} 471@media (min-width: 341px) and (max-width: 384px) { 472 .hero-demo .mac-window { transform: scale(0.42); margin-top: 20px; margin-bottom: -274px; } 473} 474@media (max-width: 340px) { 475 .hero-demo .mac-window { transform: scale(0.37); margin-top: 20px; margin-bottom: -297px; } 476} 477</style><div class="hero-demo show-connector conn-dot-mode" role="img" aria-label="Animated TapKit Mac app controlling a connected iPhone"><div class="mac-window"><div class="mac-titlebar" aria-hidden="true"><div class="mac-traffic"><span class="term-dot"></span><span class="term-dot"></span><span class="term-dot"></span></div></div><div class="mac-workspace"><div class="demo-row"><div class="terminal"><div class="term-body"><div class="term-viewport"><div class="term-scroll"></div></div></div><div class="typing-row" aria-hidden="true"><div class="typing-indicator"><span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span></div></div><div class="chat-composer-row" aria-hidden="true"><div class="chat-composer"><span class="chat-composer-placeholder">Message Tapkit</span><span class="chat-send"><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" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></span></div></div></div><div class="connector" aria-hidden="true"><div class="connector-line"></div></div><div class="phone-frame"><div class="phone-notch"></div><div class="phone-screen"><div class="ph-layer ph-home"><div class="home-grid"><div class="app-icon" data-home-app="chat" style="background:linear-gradient(135deg,#bbf7d0,#86efac)"></div><div class="app-icon" style="background:linear-gradient(135deg,#fecaca,#fca5a5)"></div><div class="app-icon" data-home-app="instagram" style="background:linear-gradient(135deg,#fef08a,#fde047)"></div><div class="app-icon" style="background:linear-gradient(135deg,#e5e7eb,#d1d5db)"></div></div><div class="home-grid-row2"><div class="app-icon" data-home-app="tiktok" style="background:linear-gradient(135deg,#e8d5b7,#d4b896)"></div><div class="app-icon" data-home-app="tinder" style="background:linear-gradient(135deg,#bfdbfe,#93c5fd)"></div><div class="app-icon" style="background:linear-gradient(135deg,#e5e7eb,#d1d5db)"></div><div class="app-icon" style="background:linear-gradient(135deg,#bfdbfe,#93c5fd)"></div></div><div class="home-grid-row2"><div class="app-icon" style="background:linear-gradient(135deg,#9ca3af,#6b7280)"></div><div class="app-icon" style="background:linear-gradient(135deg,#e8d5b7,#d4b896)"></div><div class="app-icon" style="background:linear-gradient(135deg,#fef08a,#fde047)"></div><div class="app-icon" style="background:linear-gradient(135deg,#c4b5fd,#93c5fd)"></div></div><div class="home-grid-row2"><div class="app-icon" style="background:linear-gradient(135deg,#ddd6fe,#c4b5fd)"></div><div class="app-icon" style="background:linear-gradient(135deg,#bfdbfe,#93c5fd)"></div></div><div class="home-dock"><div class="dock-pill" style="background:#86efac"></div><div class="dock-pill" style="background:#93c5fd"></div><div class="dock-pill" style="background:#93c5fd"></div><div class="dock-pill" style="background:#fdba74"></div></div></div><div class="ph-layer ph-expand ph-expand-1" style="position:absolute"></div><div class="ph-layer ph-expand ph-expand-2" style="position:absolute"></div><div class="ph-layer ph-expand ph-expand-3" style="position:absolute"></div><div class="ph-layer ph-expand ph-expand-4" style="position:absolute"></div><div class="ph-launch-outline" aria-hidden="true"></div><div class="ph-layer app-layer ph-feed"><div class="feed-content"><div class="feed-bar"><div class="feed-bar-title"></div></div><div class="feed-stories"><div class="feed-story" style="background:linear-gradient(135deg,#fecaca,#fca5a5)"></div><div class="feed-story" style="background:linear-gradient(135deg,#bbf7d0,#86efac)"></div><div class="feed-story" style="background:linear-gradient(135deg,#ddd6fe,#c4b5fd)"></div><div class="feed-story" style="background:linear-gradient(135deg,#fef08a,#fde047)"></div></div><div class="feed-post"><div class="feed-post-head"><div class="feed-avatar" style="background:#c4b5fd"></div><div class="feed-name"></div></div><div class="feed-img" style="background:#ecfdf5"></div><div class="feed-actions"><div class="feed-act"></div><div class="feed-act"></div><div class="feed-act"></div></div><div class="feed-text" style="width:80%"></div></div><div class="feed-post"><div class="feed-post-head"><div class="feed-avatar" style="background:#93c5fd"></div><div class="feed-name"></div></div><div class="feed-img" style="background:#eff6ff"></div><div class="feed-actions"><div class="feed-act"></div><div class="feed-act"></div><div class="feed-act"></div></div>
477<div class="feed-text" style="width:65%"></div></div><div class="feed-post"><div class="feed-post-head"><div class="feed-avatar" style="background:#fca5a5"></div><div class="feed-name"></div></div><div class="feed-img" style="background:#fef3c7"></div><div class="feed-actions"><div class="feed-act"></div><div class="feed-act"></div><div class="feed-act"></div></div><div class="feed-text" style="width:75%"></div></div><div class="feed-post"><div class="feed-post-head"><div class="feed-avatar" style="background:#86efac"></div><div class="feed-name"></div></div><div class="feed-img" style="background:#f0fdf4"><div class="feed-heart-sync"><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-heart feed-heart-cutline" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg><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-heart feed-heart-mark" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div></div><div class="feed-actions"><div class="feed-act feed-act-like"></div><div class="feed-act"></div><div class="feed-act"></div></div><div class="feed-text" style="width:70%"></div></div><div class="feed-post"><div class="feed-post-head"><div class="feed-avatar" style="background:#fde047"></div><div class="feed-name"></div></div><div class="feed-img" style="background:#ede9fe"></div><div class="feed-actions"><div class="feed-act"></div><div class="feed-act"></div><div class="feed-act"></div></div><div class="feed-text" style="width:68%"></div></div></div></div><div class="ph-layer app-layer ph-chat"><div class="convo-header"><div class="convo-avatar" style="background:#93c5fd"></div><div class="convo-name" style="width:32px;background:#d1d5db"></div></div><div class="convo-body"><div class="bubble bubble-them" style="background:#f3f4f6;width:65%"><div class="bubble-line" style="width:80%;background:#e5e7eb"></div><div class="bubble-line" style="width:55%;background:#e5e7eb"></div></div><div class="bubble bubble-me" style="background:#bfdbfe;width:55%"><div class="bubble-line" style="width:70%;background:#93c5fd"></div></div><div class="bubble bubble-them" style="background:#f3f4f6;width:50%"><div class="bubble-line" style="width:85%;background:#e5e7eb"></div></div><div class="bubble bubble-new"><span class="bubble-new-line"></span></div></div><div class="chat-input-area"><div class="chat-plus"><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-plus" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></div><div class="chat-input-bar"><span class="chat-input-placeholder" aria-hidden="true"></span><span class="chat-input-progress"></span><span class="chat-input-action"><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 chat-send-icon" aria-hidden="true"><path d="m5 12 7-7 7 7"></path><path d="M12 19V5"></path></svg></span></div></div><div class="chat-kb" aria-hidden="true"><div class="kb-suggestions"><span class="kb-suggestion"></span><span class="kb-suggestion"></span><span class="kb-suggestion"></span></div><div class="kb-r"><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span></div><div class="kb-r kb-r-home"><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span></div><div class="kb-r"><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span><span class="kb-k"></span></div><div class="kb-r"><span class="kb-k kb-control"></span><span class="kb-k kb-space"></span><span class="kb-k kb-return"></span></div></div></div><div class="ph-layer app-layer ph-video"><div class="video-screen"><div class="video-track"><div class="video-player video-page video-slide-1" data-video-index="0"><div class="video-thumb" style="background:#ede9fe"></div><div class="video-sidebar"><div class="video-side-btn" style="background:#d1d5db"></div><div class="video-side-count" style="background:#e5e7eb"></div><div class="video-side-btn" style="background:#fca5a5"></div><div class="video-side-count" style="background:#e5e7eb"></div><div class="video-side-btn" style="background:#d1d5db"></div></div><div class="video-bottom"><div class="video-user"><div class="video-avatar" style="background:#c4b5fd"></div><div class="video-name" style="width:36px;background:#d1d5db"></div></div><div class="video-desc-line" style="width:70%;background:#e5e7eb"></div><div class="video-desc-line" style="width:45%;background:#e5e7eb"></div></div><div class="video-progress"><div class="video-progress-bar vp1" style="background:#c4b5fd"></div></div></div><div class="video-player video-page video-slide-2" data-video-index="1"><div class="video-thumb" style="background:#ecfdf5"></div><div class="video-sidebar"><div class="video-side-btn" style="background:#d1d5db"></div><div class="video-side-count" style="background:#e5e7eb"></div><div class="video-side-btn" style="background:#fca5a5"></div><div class="video-side-count" style="background:#e5e7eb"></div><div class="video-side-btn" style="background:#d1d5db"></div></div><div class="video-bottom"><div class="video-user"><div class="video-avatar" style="background:#86efac"></div><div class="video-name" style="width:28px;background:#d1d5db"></div></div><div class="video-desc-line" style="width:55%;background:#e5e7eb"></div>
477<div class="video-desc-line" style="width:65%;background:#e5e7eb"></div></div><div class="video-progress"><div class="video-progress-bar vp2" style="background:#86efac"></div></div></div><div class="video-player video-page video-slide-3" data-video-index="2"><div class="video-thumb" style="background:#fef3c7"></div><div class="video-sidebar"><div class="video-side-btn" style="background:#d1d5db"></div><div class="video-side-count" style="background:#e5e7eb"></div><div class="video-side-btn" style="background:#fca5a5"></div><div class="video-side-count" style="background:#e5e7eb"></div><div class="video-side-btn" style="background:#d1d5db"></div></div><div class="video-bottom"><div class="video-user"><div class="video-avatar" style="background:#fde047"></div><div class="video-name" style="width:40px;background:#d1d5db"></div></div><div class="video-desc-line" style="width:60%;background:#e5e7eb"></div><div class="video-desc-line" style="width:40%;background:#e5e7eb"></div></div><div class="video-progress"><div class="video-progress-bar vp3" style="background:#fde047"></div></div></div></div></div></div><div class="ph-layer app-layer ph-swipe"><div class="swipe-stack"><div class="sw-card sw-card-3"><div class="sw-photo" style="background:#fef3c7"></div><div class="sw-info"><div class="sw-name"></div><div class="sw-bio"></div></div></div><div class="sw-card sw-card-2"><div class="sw-photo" style="background:#dbeafe"></div><div class="sw-stamp sw-stamp-nope">â</div><div class="sw-info"><div class="sw-name"></div><div class="sw-bio"></div></div></div><div class="sw-card sw-card-1"><div class="sw-photo" style="background:#ecfdf5"></div><div class="sw-stamp sw-stamp-like">â¡</div><div class="sw-info"><div class="sw-name"></div><div class="sw-bio"></div></div></div></div><div class="sw-btns"><div class="sw-btn sw-btn-x"><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-x" aria-hidden="true"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><div class="sw-btn sw-btn-h"><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-heart" aria-hidden="true"><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"></path></svg></div></div></div></div></div></div></div></div></div></div></section><section id="use-cases" class="capabilities-section"><h2 class="section-title landing-section-title capabilities-heading">Anything <span style="color:var(--accent)">you can do</span> on your phone,<br/>your agent can do too.</h2><div class="capabilities-grid"><div class="capability-card" style="min-height:362px;grid-template-rows:204px minmax(54px, auto)"><div class="capability-media capability-media--icon" aria-hidden="true" style="min-height:204px"><img alt="" loading="lazy" width="1254" height="1254" decoding="async" data-nimg="1" class="capability-icon" style="color:transparent;width:clamp(190px, 15.5vw, 204px);max-width:80%;height:auto;transform:rotate(4.7deg)" sizes="204px" srcSet="/_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fcapabilities%2F01-app-store-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="capability-title">Downloads new apps</h3></div><div class="capability-card" style="min-height:362px;grid-template-rows:204px minmax(54px, auto)"><div class="capability-media capability-media--icon" aria-hidden="true" style="min-height:204px"><img alt="" loading="lazy" width="1254" height="1254" decoding="async" data-nimg="1" class="capability-icon" style="color:transparent;width:clamp(190px, 15.5vw, 204px);max-width:80%;height:auto;transform:rotate(2.8deg)" sizes="204px" srcSet="/_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fcapabilities%2F02-messages-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="capability-title">Texts with iMessage</h3></div><div class="capability-card" style="min-height:362px;grid-template-rows:204px minmax(54px, auto)"><div class="capability-media capability-media--icon" aria-hidden="true" style="min-height:204px"><img alt="" loading="lazy" width="1292" height="1217" decoding="async" data-nimg="1" class="capability-icon" style="color:transparent;width:clamp(190px, 15.5vw, 204px);max-width:80%;height:auto;transform:rotate(2.6deg)" sizes="204px" srcSet="/_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fcapabilities%2F03-face-id-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="capability-title">Handles 2FA and verification</h3></div><div class="capability-card" style="min-height:362px;grid-template-rows:204px minmax(54px, auto)"><div class="capability-media capability-media--icon" aria-hidden="true" style="min-height:204px"><img alt="" loading="lazy" width="1254" height="1254" decoding="async" data-nimg="1" class="capability-icon" style="color:transparent;width:clamp(190px, 15.5vw, 204px);max-width:80%;height:auto;transform:rotate(3.1deg)" sizes="204px" srcSet="/_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fcapabilities%2F04-files-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="capability-title">Uses your iCloud</h3></div><div class="capability-card" style="min-height:362px;grid-template-rows:204px minmax(54px, auto)"><div class="capability-media capability-media--icon" aria-hidden="true" style="min-height:204px"><img alt="" loading="lazy" width="1254" height="1254" decoding="async" data-nimg="1" class="capability-icon" style="color:transparent;width:clamp(190px, 15.5vw, 204px);max-width:80%;height:auto;transform:rotate(4.8deg)" sizes="204px" srcSet="/_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fcapabilities%2F05-wallet-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="capability-title">Pays for stuff you need</h3></div><div class="capability-card" style="min-height:362px;grid-template-rows:204px minmax(54px, auto)"><div class="capability-media capability-media--icon" aria-hidden="true" style="min-height:204px"><img alt="" loading="lazy" widt
477h="1254" height="1254" decoding="async" data-nimg="1" class="capability-icon" style="color:transparent;width:clamp(190px, 15.5vw, 204px);max-width:80%;height:auto;transform:rotate(2.5deg)" sizes="204px" srcSet="/_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fcapabilities%2F06-lock-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="capability-title">Locks and unlocks</h3></div></div></section><section class="iphone-api-section" aria-labelledby="iphone-computer-heading"><div class="iphone-api-inner"><div class="iphone-api-copy"><h2 id="iphone-computer-heading" class="landing-section-title iphone-api-title"><span class="iphone-api-title-line">Your agent can</span><span class="iphone-api-title-line">use the iPhone like</span><span class="iphone-api-title-line iphone-api-title-accent">another computer.</span></h2><p class="iphone-api-body">Every app becomes a tool your agent can use. Your agent sees the same screen you do.</p></div><div class="iphone-api-media"><img alt="Sticker-style iPhone checklist showing what an AI agent can do on the phone" loading="lazy" width="1024" height="1536" decoding="async" data-nimg="1" class="iphone-api-phone" style="color:transparent" sizes="(max-width: 560px) calc(100vw - 40px), (max-width: 1100px) 520px, 510px" srcSet="/_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Fphone-agent-checklist-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div></div></section><section id="ways" class="setup-section" aria-labelledby="setup-heading"><h2 id="setup-heading" class="landing-section-title setup-heading">Get started <span>in minutes</span></h2><div class="setup-grid"><article class="setup-card"><div class="setup-media" aria-hidden="true"><img alt="" loading="lazy" width="1254" height="1254" decoding="async" data-nimg="1" class="setup-image" style="color:transparent" sizes="(max-width: 900px) 92vw, 32vw" srcSet="/_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Fget-the-app-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="setup-step-title">Get the app</h3></article><article class="setup-card"><div class="setup-media" aria-hidden="true"><img alt="" loading="lazy" width="1672" height="941" decoding="async" data-nimg="1" class="setup-image" style="color:transparent" sizes="(max-width: 900px) 92vw, 32vw" srcSet="/_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Fconnect-your-ai-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="setup-step-title">Connect your AI</h3></article><article class="setup-card"><div class="setup-media" aria-hidden="true"><img alt="" loading="lazy" width="1254" height="1254" decoding="async" data-nimg="1" class="setup-image" style="color:transparent" sizes="(max-width: 900px) 92vw, 32vw" srcSet="/_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Ftell-it-what-to-do-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><h3 class="setup-step-title">Tell it what to do</h3></article></div></section><section class="faq-section" aria-labelledby="faq-heading"><div class="faq-intro"><h2 id="faq-heading" class="section-title landing-section-title faq-heading">FAQs</h2><div class="faq-stickers" aria-hidden="true"><img alt="" draggable="false" loading="lazy" width="600" height="600" decoding="async" data-nimg="1" class="faq-sticker faq-sticker--home" style="color:transparent" sizes="100px" srcSet="/_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fhome-emoji-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/><img alt="" draggable="false" loading="lazy" width="600" height="600" decoding="async" data-nimg="1" class="faq-sticker faq-sticker--hand" style="color:transparent" sizes="106px" srcSet="/_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src=
477"/_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fwaving-hand-emoji-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/><img alt="" draggable="false" loading="lazy" width="600" height="600" decoding="async" data-nimg="1" class="faq-sticker faq-sticker--keyboard" style="color:transparent" sizes="128px" srcSet="/_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Ffaq-stickers%2Fkeyboard-emoji-sticker.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div></div><div class="faq-list"><details class="faq-item" open=""><summary class="faq-q">How does TapKit work?</summary><p class="faq-a">TapKit gives you programmatic control of real, physical iPhones through Apple's accessibility features. You send actions (tap, swipe, type) via our API, and they execute on your iPhone. For framework differences,<!-- --> <a href="/compare/tapkit-vs-appium">compare TapKit with Appium</a>.</p></details><details class="faq-item"><summary class="faq-q">Is this the same as an iOS simulator?</summary><p class="faq-a">No. Simulators run virtual iOS environments that can't install or use apps. TapKit runs on real iPhones. See the full<!-- --> <a href="/compare/tapkit-vs-ios-simulator">TapKit vs iOS simulator comparison</a>.</p></details><details class="faq-item"><summary class="faq-q">What apps can TapKit use?</summary><p class="faq-a">Anything on the App Store you can use.</p></details><details class="faq-item"><summary class="faq-q">Why use TapKit instead of a social posting API?</summary><p class="faq-a">Use a posting API when an endpoint covers the whole job. Use TapKit when an authorized agent needs the actual mobile app, including drafts, notifications, account switching, verification, or cross-app steps. Read the full<!-- --> <a href="/compare/tapkit-vs-posting-apis">TapKit vs posting APIs comparison</a>.</p></details>
477<details class="faq-item"><summary class="faq-q">How do I connect my AI agent?</summary><p class="faq-a">Use our MCP server to connect directly to Claude Code or Cursor, our REST API with a Python SDK for custom integrations, or our Mac and Web apps for no-code control. The typical agent loop is: screenshot â send to your vision model â get action â execute on device. See how TapKit compares with<!-- --> <a href="/compare/tapkit-vs-iphone-mirroring-mcp">iPhone Mirroring MCP</a>.</p></details><details class="faq-item"><summary class="faq-q">Do I need my own iPhone?</summary><p class="faq-a">Yes, TapKit is bring-your-own-device. You connect your own iPhone to your Mac and TapKit turns it into an API. We're exploring hosted phone options for teams that don't want to manage their own hardware. If you're evaluating hosted hardware, compare TapKit with<!-- --> <a href="/compare/tapkit-vs-device-farms">device farms</a>.</p></details><details class="faq-item"><summary class="faq-q">What does it cost?</summary><p class="faq-a">Tapkit costs $49 per month per phone. One phone is $49/month and five phones are $245/month. Contact us for fleet setup and onboarding.</p></details></div></section><section id="pricing" aria-labelledby="pricing-heading" class="pricing-section"><div class="pricing-inner"><div class="pricing-heading-wrap"><h2 id="pricing-heading" class="landing-section-title pricing-title">Pricing</h2><p class="pricing-intro">Every plan includes the complete Tapkit experience.<br/>Choose how many iPhones your agents can use. Each phone is $49 per month.</p></div><div class="pricing-grid"><div class="pricing-plan-shell"><div class="pricing-plan-art pricing-plan-art--one" aria-hidden="true"><img alt="" loading="lazy" width="749" height="1125" decoding="async" data-nimg="1" style="color:transparent" sizes="(max-width: 640px) 84px, 105px" srcSet="/_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Fone-phone.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><article class="pricing-card" aria-labelledby="pricing-one-phone"><div class="pricing-card-header"><div class="pricing-card-label-stack"><h3 id="pricing-one-phone" class="pricing-plan-name">One Phone</h3></div><div class="pricing-price-row"><span class="pricing-price">$49</span><span class="pricing-period">/ month</span></div><p class="pricing-summary">Start with the iPhone you already use.</p></div><ul class="pricing-features" aria-label="One Phone features"><li><span class="pricing-feature-icon" aria-hidden="true">âï¸</span><span>1 iPhone</span></li><li><span class="pricing-feature-icon" aria-hidden="true">ð¤</span><span>Any AI agent</span></li><li><span class="pricing-feature-icon" aria-hidden="true">ð±</span><span>Full phone control</span></li></ul><a class="pricing-cta" href="/login">Start with one</a></article></div><div class="pricing-plan-shell pricing-plan-shell--featured"><div class="pricing-plan-art pricing-plan-art--five" aria-hidden="true"><img alt="" loading="lazy" width="1403" height="732" decoding="async" data-nimg="1" style="color:transparent" sizes="(max-width: 640px) 250px, 295px" srcSet="/_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffive-phones.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><article class="pricing-card pricing-card--featured" aria-labelledby="pricing-five-phones"><div class="pricing-card-header"><div class="pricing-card-label-stack"><span class="pricing-plan-badge">Scale up</span><h3 id="pricing-five-phones" class="pricing-plan-name">Five Phones</h3></div><div class="pricing-price-row"><span class="pricing-price">$245</span><span class="pricing-period">/ month</span></div><p class="pricing-summary">Scale whatâs working across more phones.</p></div><ul class="pricing-features" aria-label="Five Phones features"><li><span class="pricing-feature-icon" aria-hidden="true">â</span><span>5 iPhones</span></li><li><span class="pricing-feature-icon" aria-hidden="true">â¡</span><span>Run all five at once</span></li><li><span class="pricing-feature-icon" aria-hidden="true">ð¥</span><span>Share access with your team</span></li></ul><a class="pricing-cta" href="/login">Start with five</a></article></div><div class="pricing-plan-shell"><div class="pricing-plan-art pricing-plan-art--fleet" aria-hidden="true"><img alt="" loading="lazy" width="1510" height="829" decoding="async" data-nimg="1" style="color:transparent" sizes="(max-width: 640px) 260px, 315px" srcSet="/_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Fpricing-stickers%2Ffleet-phones.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div><article class="pricing-card" aria-labelledby="pricing-fleet"><div class="pricing-card-header"><div class="pricing-card-label-stack"><h3 id="pricing-fleet" class="pricing-plan-name">Fleet</h3></div><div class="pricing-price-row"><span class="pricing-price">$49</span><span class="pricing-period">/ phone / month</span></div><p class="pricing-summary">Youâve found what works. Letâs build the next stage together.</p></div><ul class="pricing-features" aria-label="Fleet features"><li><span class="pricing-feature-icon" aria-hidden="true">ð¯</span><span>Custom phone count</span></li><li><span class="pricing-feature-icon" aria-hidden="true">ð¤</span><span>Setup + onboarding</span></li><li><span class="pricing-feature-icon" aria-hidden="true">ð»</span><span>Custom integrations</span></li></ul><a class="pricing-cta" href="/book">Talk to us</a></article></div></div><p class="pricing-footnote">Use your own iPhones. No special hardware. Cancel anytime.</p></div></section><section class="finale-cta" id="get-started" aria-labelledby="finale-title"><div class="finale-copy"><h2 id="finale-title" class="landing-section-title landing-section-title--cta">Give your agent an iPhone.</h2><div class="finale-actions"><a href="/api/download" class="finale-button finale-button-primary">Download for Mac</a><a class="finale-button finale-button-secondary" href="/book">Contact sales</a></div></div><div class="finale-app-stage" aria-hidden="true"><div class="finale-app-pile"><img alt="" draggable="false" loading="lazy" width="1254" height="1254" decoding="async" data-nimg="1" class="finale-app-sticker" style="color:transparent" sizes="(max-width: 640px) calc(100vw - 48px), (max-width: 900px) 600px, 600px" srcSet="/_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 32w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=48&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 48w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 64w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=96&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 96w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=128&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 128w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=256&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 256w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=384&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 384w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=640&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 640w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=750&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 750w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=828&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 828w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=1080&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1080w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=1200&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1200w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=1920&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1920w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=2048&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2048w, /_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 3840w" src="/_next/image?url=%2Flanding%2Fsections%2Fagent-app-sticker-pile.png&w=3840&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/></div></div></section><footer class="marketing-footer" style="padding:48px 40px 24px;border-top:1px solid var(--border)"><div style="display:flex;justify-content:space-between;align-items:flex-start;gap:48px;flex-wrap:wrap;margin-bottom:48px" class="footer-top"><a style="text-decoration:none;display:flex;align-items:center;gap:8px" href="/"><img alt="" loading="lazy" width="28" height="28" decoding="async" data-nimg="1" style="color:transparent;border-radius:6px" srcSet="/_next/image?url=%2Ftapkit-app-icon.png&w=32&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 1x, /_next/image?url=%2Ftapkit-app-icon.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3 2x" src="/_next/image?url=%2Ftapkit-app-icon.png&w=64&q=75&dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3"/><span style="font-size:22px;font-weight:700;color:var(--text);letter-spacing:-0.5px;font-family:inherit">tapkit</span></a><div style="display:flex;gap:64px;flex-wrap:wrap" class="footer-columns"><div><h4 class="footer-heading">Product</h4><ul class="footer-list"><li><a class="footer-link" href="/iphone-agent">iPhone Agent</a></li><li><a class="footer-link" href="/download">Download</a></li><li><a class="footer-link" href="/integrations/mcp">MCP</a></li><li><a class="footer-link" href="/integrations/claude">Claude</a></li><li><a class="footer-link" href="/integrations/codex">Codex</a></li></ul></div><div><h4 class="footer-heading">Resources</h4><ul class="footer-
477list"><li><a class="footer-link" href="/use-cases/personal-assistant">Personal Assistant</a></li><li><a class="footer-link" href="/use-cases/account-operations">Account Management</a></li><li><a class="footer-link" href="/use-cases/app-development">App Development</a></li><li><a href="https://docs.tapkit.ai" target="_blank" rel="noopener noreferrer" class="footer-link">Documentation</a></li><li><a class="footer-link" href="/support">Support</a></li><li><a href="https://cal.com/tapkit/30min" target="_blank" rel="noopener noreferrer" class="footer-link">Contact</a></li></ul></div><div><h4 class="footer-heading">Compare</h4><ul class="footer-list"><li><a class="footer-link" href="/compare/tapkit-vs-appium">Appium</a></li><li><a class="footer-link" href="/compare/tapkit-vs-ios-simulator">iOS Simulator</a></li><li><a class="footer-link" href="/compare/tapkit-vs-iphone-mirroring-mcp">iPhone Mirroring</a></li><li><a class="footer-link" href="/compare/tapkit-vs-device-farms">Device Farms</a></li><li><a class="footer-link" href="/compare/tapkit-vs-posting-apis">Posting APIs</a></li></ul></div><div><h4 class="footer-heading">Legal</h4><ul class="footer-list"><li><a class="footer-link" href="/terms">Terms of Service</a></li><li><a class="footer-link" href="/privacy">Privacy Policy</a></li><li><a class="footer-link" href="/subprocessors">Subprocessors</a></li><li><a class="footer-link" href="/aup">Acceptable Use Policy</a></li><li><a class="footer-link" href="/dpa">Data Processing Agreement</a></li><li><button type="button" class="footer-link text-left">Cookie preferences</button></li><li><button type="button" class="footer-link text-left">Do Not Sell or Share My Personal Information</button></li></ul></div></div></div><div style="padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap"><span style="font-size:13px;color:var(--text-muted)">© <!-- -->2026<!-- --> Jootsing Research Inc. All rights reserved.</span><div style="display:flex;gap:20px;align-items:center"><a href="https://x.com/tapkit_ai" target="_blank" rel="noopener noreferrer" aria-label="X (Twitter)" class="footer-social"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a><a href="https://www.linkedin.com/company/tapkit-ai" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="footer-social"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.222 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z"></path></svg></a><a href="https://github.com/Jootsing-Research" target="_blank" rel="noopener noreferrer" aria-label="GitHub" class="footer-social"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a></div></div><style> 478 .footer-heading { 479 font-size: 14px; 480 font-weight: 600; 481 color: var(--text); 482 margin: 0 0 16px 0; 483 letter-spacing: -0.1px; 484 } 485 .footer-list { 486 list-style: none; 487 padding: 0; 488 margin: 0; 489 display: flex; 490 flex-direction: column; 491 gap: 12px; 492 } 493 .footer-social { 494 color: var(--text-muted); 495 display: inline-flex; 496 align-items: center; 497 justify-content: center; 498 transition: color 0.2s; 499 } 500 .footer-social:hover { color: var(--text); } 501 @media (max-width: 700px) { 502 .marketing-footer { padding: 40px 24px 24px !important; } 503 .footer-top { flex-direction: column; gap: 32px !important; } 504 .footer-columns { 505 display: grid !important; 506 grid-template-columns: repeat(2, minmax(0, 1fr)); 507 width: 100%; 508 gap: 32px 20px !important; 509 } 510 .footer-columns > div { min-width: 0; } 511 .footer-heading { margin-bottom: 8px; } 512 .footer-list { gap: 0; } 513 .footer-list .footer-link { 514 display: flex; 515 align-items: center; 516 min-height: 44px;
517 padding-block: 6px; 518 overflow-wrap: anywhere; 519 } 520 .footer-social { width: 44px; height: 44px; } 521 } 522 </style></footer></div><!--$--><!--/$-->
522<script src="/_next/static/chunks/a79e656b4654e1b9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3" id="_R_" async=""></script>
522<script>(self.__next_f=self.__next_f||[]).push([0])</script>
522<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[39756,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/c7f885c0d638afdc.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"default\"]\n3:I[37457,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/c7f885c0d638afdc.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"default\"]\n4:I[11015,[\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"TrackingPixels\"]\n5:I[11015,[\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"CookieConsentBanner\"]\n7:I[39102,[\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/121e7606a1040923.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/b7401b6ed8c71422.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/39c26298443b19a9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"Nav\"]\n8:I[17706,[\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/121e7606a1040923.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/b7401b6ed8c71422.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/39c26298443b19a9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"Hero\"]\n17:I[68027,[],\"default\"]\n:HL[\"/_next/static/chunks/c2dc09dc768496a8.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"style\"]\n:HL[\"/_next/static/chunks/c4d668b487efe705.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"style\"]\n:HL[\"/_next/static/media/0c89a48fa5027cee-s.p.4564287c.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/36363bfb06833f56-s.p.d8302362.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/70bc3e132a0a741e-s.p.15008bfb.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.3a6ba036.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/a73419dd2ba2d841-s.p.f2813c2a.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/chunks/9a2608ad0ecb4a35.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"style\"]\n6:T415,{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://www.tapkit.ai/#organization\",\"name\":\"Jootsing Research Inc.\",\"url\":\"https://www.tapkit.ai\",\"logo\":\"https://www.tapkit.ai/tapkit-app-icon.png\",\"sameAs\":[\"https://x.com/tapkit_ai\",\"https://www.linkedin.com/company/tapkit-ai\",\"https://github.com/Jootsing-Research\"]},{\"@type\":\"WebSite\",\"@id\":\"https://www.tapkit.ai/#website\",\"name\":\"TapKit\",\"url\":\"https://www.tapkit.ai\",\"publisher\":{\"@id\":\"https://www.tapkit.ai/#organization\"}},{\"@type\":\"SoftwareApplication\",\"@id\":\"https://www.tapkit.ai/#software\",\"name\":\"TapKit\",\"url\":\"https://www.tapkit.ai\",\"description\":\"A Mac app that lets you control your iPhone with Claude and Codex.\",\"applicationCategory\":\"DeveloperApplication\",\"operatingSystem\":\"macOS, iOS\",\"image\":\"https://www.tapkit.ai/hero-screenshot.png\",\"publisher\":{\"@id\":\"https://www.tapkit.ai/#organization\"},\"offers\":{\"@type\":\"AggregateOffer\",\"lowPrice\":\"49\",\"highPrice\":\"245\",\"priceCurrency\":\"USD\",\"offerCount\":\"2\",\"url\":\"https://www.tapkit.ai/#pricing\"}}]}"])</script>
522<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"h3wG3JFuwyokOpajPXeeT\",\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/c2dc09dc768496a8.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/c4d668b487efe705.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"inter_fe8b9d92-module__LINzvG__variable space_grotesk_1d8c5cc8-module__-5dOoa__variable dm_mono_ed3df95c-module__D4oVwa__variable jetbrains_mono_7d65b77b-module__VxV-Ta__variable antialiased\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid-bg\"}],[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}]]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"landing-page MarketingPage-module__Nnk4Zq__page\",\"style\":{\"minHeight\":\"100vh\",\"background\":\"var(--bg)\",\"fontFamily\":\"var(--font-inter), -apple-system, BlinkMacSystemFont, sans-serif\"},\"children\":[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$6\"}}],[\"$\",\"$L7\",null,{}],[\"$\",\"$L8\",null,{}],[\"$\",\"section\",null,{\"id\":\"use-cases\",\"className\":\"capabilities-section\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"section-title landing-section-title capabilities-heading\",\"children\":[\"Anything \",[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--accent)\"},\"children\":\"you can do\"}],\" on your phone,\",\"$L9\",\"your agent can do too.\"]}],\"$La\"]}],\"$Lb\",\"$Lc\",\"$Ld\",\"$Le\",\"$Lf\",\"$L10\"]}],[\"$L11\",\"$L12\",\"$L13\",\"$L14\"],\"$L15\"]}],{},null,false,false]},null,false,false],\"$L16\",false]],\"m\":\"$undefined\",\"G\":[\"$17\",[]],\"S\":true}\n"])</script>
522<script>self.__next_f.push([1,"18:I[85437,[\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/121e7606a1040923.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/b7401b6ed8c71422.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/39c26298443b19a9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"Image\"]\n19:I[99608,[\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/121e7606a1040923.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/b7401b6ed8c71422.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/39c26298443b19a9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"FAQ\"]\n1a:I[22016,[\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/121e7606a1040923.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/b7401b6ed8c71422.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/39c26298443b19a9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"\"]\n1f:I[35514,[\"/_next/static/chunks/abe3da6f09765e8a.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/121e7606a1040923.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/b7401b6ed8c71422.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/39c26298443b19a9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"Footer\"]\n20:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/c7f885c0d638afdc.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"OutletBoundary\"]\n21:\"$Sreact.suspense\"\n23:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/c7f885c0d638afdc.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"ViewportBoundary\"]\n25:I[97367,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/c7f885c0d638afdc.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"MetadataBoundary\"]\n9:[\"$\",\"br\",null,{}]\n"])</script>
522<script>self.__next_f.push([1,"a:[\"$\",\"div\",null,{\"className\":\"capabilities-grid\",\"children\":[[\"$\",\"div\",\"Downloads new apps\",{\"className\":\"capability-card\",\"style\":{\"minHeight\":362,\"gridTemplateRows\":\"204px minmax(54px, auto)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"capability-media capability-media--icon\",\"aria-hidden\":\"true\",\"style\":{\"minHeight\":204},\"children\":[\"$\",\"$L18\",null,{\"className\":\"capability-icon\",\"src\":\"/landing/capabilities/01-app-store-sticker.png\",\"alt\":\"\",\"width\":1254,\"height\":1254,\"sizes\":\"204px\",\"style\":{\"width\":\"clamp(190px, 15.5vw, 204px)\",\"maxWidth\":\"80%\",\"height\":\"auto\",\"transform\":\"rotate(4.7deg)\"}}]}],[\"$\",\"h3\",null,{\"className\":\"capability-title\",\"children\":\"Downloads new apps\"}]]}],[\"$\",\"div\",\"Texts with iMessage\",{\"className\":\"capability-card\",\"style\":{\"minHeight\":362,\"gridTemplateRows\":\"204px minmax(54px, auto)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"capability-media capability-media--icon\",\"aria-hidden\":\"true\",\"style\":{\"minHeight\":204},\"children\":[\"$\",\"$L18\",null,{\"className\":\"capability-icon\",\"src\":\"/landing/capabilities/02-messages-sticker.png\",\"alt\":\"\",\"width\":1254,\"height\":1254,\"sizes\":\"204px\",\"style\":{\"width\":\"clamp(190px, 15.5vw, 204px)\",\"maxWidth\":\"80%\",\"height\":\"auto\",\"transform\":\"rotate(2.8deg)\"}}]}],[\"$\",\"h3\",null,{\"className\":\"capability-title\",\"children\":\"Texts with iMessage\"}]]}],[\"$\",\"div\",\"Handles 2FA and verification\",{\"className\":\"capability-card\",\"style\":{\"minHeight\":362,\"gridTemplateRows\":\"204px minmax(54px, auto)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"capability-media capability-media--icon\",\"aria-hidden\":\"true\",\"style\":{\"minHeight\":204},\"children\":[\"$\",\"$L18\",null,{\"className\":\"capability-icon\",\"src\":\"/landing/capabilities/03-face-id-sticker.png\",\"alt\":\"\",\"width\":1292,\"height\":1217,\"sizes\":\"204px\",\"style\":{\"width\":\"clamp(190px, 15.5vw, 204px)\",\"maxWidth\":\"80%\",\"height\":\"auto\",\"transform\":\"rotate(2.6deg)\"}}]}],[\"$\",\"h3\",null,{\"className\":\"capability-title\",\"children\":\"Handles 2FA and verification\"}]]}],[\"$\",\"div\",\"Uses your iCloud\",{\"className\":\"capability-card\",\"style\":{\"minHeight\":362,\"gridTemplateRows\":\"204px minmax(54px, auto)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"capability-media capability-media--icon\",\"aria-hidden\":\"true\",\"style\":{\"minHeight\":204},\"children\":[\"$\",\"$L18\",null,{\"className\":\"capability-icon\",\"src\":\"/landing/capabilities/04-files-sticker.png\",\"alt\":\"\",\"width\":1254,\"height\":1254,\"sizes\":\"204px\",\"style\":{\"width\":\"clamp(190px, 15.5vw, 204px)\",\"maxWidth\":\"80%\",\"height\":\"auto\",\"transform\":\"rotate(3.1deg)\"}}]}],[\"$\",\"h3\",null,{\"className\":\"capability-title\",\"children\":\"Uses your iCloud\"}]]}],[\"$\",\"div\",\"Pays for stuff you need\",{\"className\":\"capability-card\",\"style\":{\"minHeight\":362,\"gridTemplateRows\":\"204px minmax(54px, auto)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"capability-media capability-media--icon\",\"aria-hidden\":\"true\",\"style\":{\"minHeight\":204},\"children\":[\"$\",\"$L18\",null,{\"className\":\"capability-icon\",\"src\":\"/landing/capabilities/05-wallet-sticker.png\",\"alt\":\"\",\"width\":1254,\"height\":1254,\"sizes\":\"204px\",\"style\":{\"width\":\"clamp(190px, 15.5vw, 204px)\",\"maxWidth\":\"80%\",\"height\":\"auto\",\"transform\":\"rotate(4.8deg)\"}}]}],[\"$\",\"h3\",null,{\"className\":\"capability-title\",\"children\":\"Pays for stuff you need\"}]]}],[\"$\",\"div\",\"Locks and unlocks\",{\"className\":\"capability-card\",\"style\":{\"minHeight\":362,\"gridTemplateRows\":\"204px minmax(54px, auto)\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"capability-media capability-media--icon\",\"aria-hidden\":\"true\",\"style\":{\"minHeight\":204},\"children\":[\"$\",\"$L18\",null,{\"className\":\"capability-icon\",\"src\":\"/landing/capabilities/06-lock-sticker.png\",\"alt\":\"\",\"width\":1254,\"height\"
522:1254,\"sizes\":\"204px\",\"style\":{\"width\":\"clamp(190px, 15.5vw, 204px)\",\"maxWidth\":\"80%\",\"height\":\"auto\",\"transform\":\"rotate(2.5deg)\"}}]}],[\"$\",\"h3\",null,{\"className\":\"capability-title\",\"children\":\"Locks and unlocks\"}]]}]]}]\n"])</script>
522<script>self.__next_f.push([1,"b:[\"$\",\"section\",null,{\"className\":\"iphone-api-section\",\"aria-labelledby\":\"iphone-computer-heading\",\"children\":[\"$\",\"div\",null,{\"className\":\"iphone-api-inner\",\"children\":[[\"$\",\"div\",null,{\"className\":\"iphone-api-copy\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"iphone-computer-heading\",\"className\":\"landing-section-title iphone-api-title\",\"children\":[[\"$\",\"span\",null,{\"className\":\"iphone-api-title-line\",\"children\":\"Your agent can\"}],[\"$\",\"span\",null,{\"className\":\"iphone-api-title-line\",\"children\":\"use the iPhone like\"}],[\"$\",\"span\",null,{\"className\":\"iphone-api-title-line iphone-api-title-accent\",\"children\":\"another computer.\"}]]}],[\"$\",\"p\",null,{\"className\":\"iphone-api-body\",\"children\":\"Every app becomes a tool your agent can use. Your agent sees the same screen you do.\"}]]}],[\"$\",\"div\",null,{\"className\":\"iphone-api-media\",\"children\":[\"$\",\"$L18\",null,{\"className\":\"iphone-api-phone\",\"src\":\"/landing/sections/phone-agent-checklist-sticker.png\",\"alt\":\"Sticker-style iPhone checklist showing what an AI agent can do on the phone\",\"width\":1024,\"height\":1536,\"sizes\":\"(max-width: 560px) calc(100vw - 40px), (max-width: 1100px) 520px, 510px\"}]}]]}]}]\n"])</script>
522<script>self.__next_f.push([1,"c:[\"$\",\"section\",null,{\"id\":\"ways\",\"className\":\"setup-section\",\"aria-labelledby\":\"setup-heading\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"setup-heading\",\"className\":\"landing-section-title setup-heading\",\"children\":[\"Get started \",[\"$\",\"span\",null,{\"children\":\"in minutes\"}]]}],[\"$\",\"div\",null,{\"className\":\"setup-grid\",\"children\":[[\"$\",\"article\",\"Get the app\",{\"className\":\"setup-card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"setup-media\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"$L18\",null,{\"className\":\"setup-image\",\"src\":\"/landing/sections/get-the-app-sticker.png\",\"alt\":\"\",\"width\":1254,\"height\":1254,\"sizes\":\"(max-width: 900px) 92vw, 32vw\"}]}],[\"$\",\"h3\",null,{\"className\":\"setup-step-title\",\"children\":\"Get the app\"}]]}],[\"$\",\"article\",\"Connect your AI\",{\"className\":\"setup-card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"setup-media\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"$L18\",null,{\"className\":\"setup-image\",\"src\":\"/landing/sections/connect-your-ai-sticker.png\",\"alt\":\"\",\"width\":1672,\"height\":941,\"sizes\":\"(max-width: 900px) 92vw, 32vw\"}]}],[\"$\",\"h3\",null,{\"className\":\"setup-step-title\",\"children\":\"Connect your AI\"}]]}],[\"$\",\"article\",\"Tell it what to do\",{\"className\":\"setup-card\",\"children\":[[\"$\",\"div\",null,{\"className\":\"setup-media\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"$L18\",null,{\"className\":\"setup-image\",\"src\":\"/landing/sections/tell-it-what-to-do-sticker.png\",\"alt\":\"\",\"width\":1254,\"height\":1254,\"sizes\":\"(max-width: 900px) 92vw, 32vw\"}]}],[\"$\",\"h3\",null,{\"className\":\"setup-step-title\",\"children\":\"Tell it what to do\"}]]}]]}]]}]\n"])</script>
522<script>self.__next_f.push([1,"d:[\"$\",\"$L19\",null,{}]\n"])</script>
522<script>self.__next_f.push([1,"e:[\"$\",\"section\",null,{\"id\":\"pricing\",\"aria-labelledby\":\"pricing-heading\",\"className\":\"pricing-section\",\"children\":[\"$\",\"div\",null,{\"className\":\"pricing-inner\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-heading-wrap\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"pricing-heading\",\"className\":\"landing-section-title pricing-title\",\"children\":\"Pricing\"}],[\"$\",\"p\",null,{\"className\":\"pricing-intro\",\"children\":[\"Every plan includes the complete Tapkit experience.\",[\"$\",\"br\",null,{}],\"Choose how many iPhones your agents can use. Each phone is $49 per month.\"]}]]}],[\"$\",\"div\",null,{\"className\":\"pricing-grid\",\"children\":[[\"$\",\"div\",\"One Phone\",{\"className\":\"pricing-plan-shell\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-plan-art pricing-plan-art--one\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"/landing/sections/pricing-stickers/one-phone.png\",\"alt\":\"\",\"width\":749,\"height\":1125,\"sizes\":\"(max-width: 640px) 84px, 105px\"}]}],[\"$\",\"article\",null,{\"className\":\"pricing-card\",\"aria-labelledby\":\"pricing-one-phone\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-card-header\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-card-label-stack\",\"children\":[null,[\"$\",\"h3\",null,{\"id\":\"pricing-one-phone\",\"className\":\"pricing-plan-name\",\"children\":\"One Phone\"}]]}],[\"$\",\"div\",null,{\"className\":\"pricing-price-row\",\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-price\",\"children\":\"$$49\"}],[\"$\",\"span\",null,{\"className\":\"pricing-period\",\"children\":\"/ month\"}]]}],[\"$\",\"p\",null,{\"className\":\"pricing-summary\",\"children\":\"Start with the iPhone you already use.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"pricing-features\",\"aria-label\":\"One Phone features\",\"children\":[[\"$\",\"li\",\"1 iPhone\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"âï¸\"}],[\"$\",\"span\",null,{\"children\":\"1 iPhone\"}]]}],[\"$\",\"li\",\"Any AI agent\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"ð¤\"}],[\"$\",\"span\",null,{\"children\":\"Any AI agent\"}]]}],[\"$\",\"li\",\"Full phone control\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"ð±\"}],[\"$\",\"span\",null,{\"children\":\"Full phone control\"}]]}]]}],[\"$\",\"$L1a\",null,{\"href\":\"/login\",\"className\":\"pricing-cta\",\"children\":\"Start with one\"}]]}]]}],[\"$\",\"div\",\"Five Phones\",{\"className\":\"pricing-plan-shell pricing-plan-shell--featured\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-plan-art pricing-plan-art--five\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"/landing/sections/pricing-stickers/five-phones.png\",\"alt\":\"\",\"width\":1403,\"height\":732,\"sizes\":\"(max-width: 640px) 250px, 295px\"}]}],[\"$\",\"article\",null,{\"className\":\"pricing-card pricing-card--featured\",\"aria-labelledby\":\"pricing-five-phones\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-card-header\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-card-label-stack\",\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-plan-badge\",\"children\":\"Scale up\"}],[\"$\",\"h3\",null,{\"id\":\"pricing-five-phones\",\"className\":\"pricing-plan-name\",\"children\":\"Five Phones\"}]]}],[\"$\",\"div\",null,{\"className\":\"pricing-price-row\",\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-price\",\"children\":\"$$245\"}],[\"$\",\"span\",null,{\"className\":\"pricing-period\",\"children\":\"/ month\"}]]}],[\"$\",\"p\",null,{\"className\":\"pricing-summary\",\"children\":\"Scale whatâs working across more phones.\"}]]}],[\"$\",\"ul\",null,{\"className\":\"pricing-features\",\"aria-label\":\"Five Phones features\",\"children\":[[\"$\",\"li\",\"5 iPhones\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"â\"}],[\"$\",\"span\",null,{\"children\":\"5 iPhones\"}]]}],[\"$\",\"li\",\"Run all five at once\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"â¡\"}],[\"$\",\"span\",null,{\"children\":\"Run all five at once\"}]]}],[\"$\",\"li\",\"Share access with your team\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"ð¥\"}],[\"$\",\"span\",null,{\"children\":\"Share access with your team\"}]]}]]}],[\"$\",\"$L1a\",null,{\"href\":\"/login\",\"className\":\"pricing-cta\",\"children\":\"Start with five\"}]]}]]}],[\"$\",\"div\",\"Fleet\",{\"className\":\"pricing-plan-shell\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-plan-art pricing-plan-art--fleet\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"$L18\",null,{\"src\":\"/landing/sections/pricing-stickers/fleet-phones.png\",\"alt\":\"\",\"width\":1510,\"height\"
522:829,\"sizes\":\"(max-width: 640px) 260px, 315px\"}]}],[\"$\",\"article\",null,{\"className\":\"pricing-card\",\"aria-labelledby\":\"pricing-fleet\",\"children\":[\"$L1b\",\"$L1c\",\"$L1d\"]}]]}]]}],\"$L1e\"]}]}]\n"])</script>
522<script>self.__next_f.push([1,"f:[\"$\",\"section\",null,{\"className\":\"finale-cta\",\"id\":\"get-started\",\"aria-labelledby\":\"finale-title\",\"children\":[[\"$\",\"div\",null,{\"className\":\"finale-copy\",\"children\":[[\"$\",\"h2\",null,{\"id\":\"finale-title\",\"className\":\"landing-section-title landing-section-title--cta\",\"children\":\"Give your agent an iPhone.\"}],[\"$\",\"div\",null,{\"className\":\"finale-actions\",\"children\":[[\"$\",\"a\",null,{\"href\":\"/api/download\",\"className\":\"finale-button finale-button-primary\",\"children\":\"Download for Mac\"}],[\"$\",\"$L1a\",null,{\"href\":\"/book\",\"className\":\"finale-button finale-button-secondary\",\"children\":\"Contact sales\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"finale-app-stage\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"div\",null,{\"className\":\"finale-app-pile\",\"children\":[\"$\",\"$L18\",null,{\"className\":\"finale-app-sticker\",\"src\":\"/landing/sections/agent-app-sticker-pile.png\",\"alt\":\"\",\"width\":1254,\"height\":1254,\"sizes\":\"(max-width: 640px) calc(100vw - 48px), (max-width: 900px) 600px, 600px\",\"draggable\":false}]}]}]]}]\n10:[\"$\",\"$L1f\",null,{}]\n11:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/9a2608ad0ecb4a35.css?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n12:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/121e7606a1040923.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"async\":true,\"nonce\":\"$undefined\"}]\n13:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/b7401b6ed8c71422.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"async\":true,\"nonce\":\"$undefined\"}]\n14:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/39c26298443b19a9.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"async\":true,\"nonce\":\"$undefined\"}]\n15:[\"$\",\"$L20\",null,{\"children\":[\"$\",\"$21\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@22\"}]}]\n16:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L23\",null,{\"children\":\"$L24\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L25\",null,{\"children\":[\"$\",\"$21\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L26\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
522<script>self.__next_f.push([1,"1b:[\"$\",\"div\",null,{\"className\":\"pricing-card-header\",\"children\":[[\"$\",\"div\",null,{\"className\":\"pricing-card-label-stack\",\"children\":[null,[\"$\",\"h3\",null,{\"id\":\"pricing-fleet\",\"className\":\"pricing-plan-name\",\"children\":\"Fleet\"}]]}],[\"$\",\"div\",null,{\"className\":\"pricing-price-row\",\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-price\",\"children\":\"$$49\"}],[\"$\",\"span\",null,{\"className\":\"pricing-period\",\"children\":\"/ phone / month\"}]]}],[\"$\",\"p\",null,{\"className\":\"pricing-summary\",\"children\":\"Youâve found what works. Letâs build the next stage together.\"}]]}]\n1c:[\"$\",\"ul\",null,{\"className\":\"pricing-features\",\"aria-label\":\"Fleet features\",\"children\":[[\"$\",\"li\",\"Custom phone count\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"ð¯\"}],[\"$\",\"span\",null,{\"children\":\"Custom phone count\"}]]}],[\"$\",\"li\",\"Setup + onboarding\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"ð¤\"}],[\"$\",\"span\",null,{\"children\":\"Setup + onboarding\"}]]}],[\"$\",\"li\",\"Custom integrations\",{\"children\":[[\"$\",\"span\",null,{\"className\":\"pricing-feature-icon\",\"aria-hidden\":\"true\",\"children\":\"ð»\"}],[\"$\",\"span\",null,{\"children\":\"Custom integrations\"}]]}]]}]\n1d:[\"$\",\"$L1a\",null,{\"href\":\"/book\",\"className\":\"pricing-cta\",\"children\":\"Talk to us\"}]\n1e:[\"$\",\"p\",null,{\"className\":\"pricing-footnote\",\"children\":\"Use your own iPhones. No special hardware. Cancel anytime.\"}]\n"])</script>
522<script>self.__next_f.push([1,"24:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
522<script>self.__next_f.push([1,"27:I[27201,[\"/_next/static/chunks/ff1a16fafef87110.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\",\"/_next/static/chunks/c7f885c0d638afdc.js?dpl=dpl_6p1f3j1BN7XgxdGFz4yuAHBPjxk3\"],\"IconMark\"]\n22:null\n"])</script>
522<script>self.__next_f.push([1,"26:[[\"$\",\"title\",\"0\",{\"children\":\"Tapkit\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"A Mac app that lets you control your iPhone with Claude and Codex.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"TapKit\"}],[\"$\",\"meta\",\"3\",{\"name\":\"category\",\"content\":\"technology\"}],[\"$\",\"link\",\"4\",{\"rel\":\"canonical\",\"href\":\"https://www.tapkit.ai\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:title\",\"content\":\"Tapkit\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:description\",\"content\":\"A Mac app that lets you control your iPhone with Claude and Codex.\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:url\",\"content\":\"https://www.tapkit.ai\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:site_name\",\"content\":\"TapKit\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image\",\"content\":\"https://www.tapkit.ai/tapkit-social-card.png\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:image:alt\",\"content\":\"TapKit app icon and wordmark\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:creator\",\"content\":\"@tapkit_ai\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:title\",\"content\":\"Tapkit\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:description\",\"content\":\"A Mac app that lets you control your iPhone with Claude and Codex.\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image\",\"content\":\"https://www.tapkit.ai/tapkit-social-card.png\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image:alt\",\"content\":\"TapKit app icon and wordmark\"}],[\"$\",\"link\",\"22\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.f54bc296.ico\",\"sizes\":\"64x64\",\"type\":\"image/x-icon\"}],[\"$\",\"link\",\"23\",{\"rel\":\"icon\",\"href\":\"/icon.png?icon.c161a8b1.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"24\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-icon.png?apple-icon.e60929b5.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L27\",\"25\",{}]]\n"])</script>
522</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.