PageSourceSearch

https://www.macbartender.com/pro/

html macbartender.com collected 2026-10-02 05:03:52 UTC 116,942 bytes, 36 lines download raw bytes

1<!DOCTYPE html><!--a8ihhv3AKrjYL8TNL_ER6--><html lang="en" class="dark" style="color-scheme:dark"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" href="/Bartender6/img/bartender6icon.png"/><link rel="preload" as="image" href="/BartenderPro/icons/bartender-pro-2-icon.png"/><link rel="preload" as="image" href="/demo-assets/applelogo.svg"/><link rel="preload" as="image" href="/BartenderPro/app-icons/apple_music.png"/><link rel="preload" as="image" href="/BartenderPro/app-icons/spotify.png"/><link rel="preload" as="image" href="/BartenderPro/app-icons/youtube.png"/><link rel="preload" as="image" href="/BartenderPro/app-icons/apple_tv.png"/><link rel="preload" as="image" href="/BartenderPro/app-icons/safari.png"/><link rel="preload" as="image" href="/BartenderPro/app-icons/soundcloud.png"/><link rel="preload" as="image" href="/BartenderPro/app-icons/tidal.png"/><link rel="stylesheet" href="/_next/static/css/20e647f31f657b14.css?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/446afa299dfca43f.css?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-f4c03331c6108ea5.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT"/>
1<script src="/_next/static/chunks/4bd1b696-f6bedae49f0827a5.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/1255-0162991f3c2a31de.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/main-app-5eb0d9c55a395822.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/dc07ed8c-22744f8755b96795.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/549-6079e548458684fa.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/7197-63a3e7e78fb80f77.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/3352-47afa847cbecf314.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/app/layout-aef8c5de78d9c301.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/1356-6ef572ce1a2c129a.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/5919-6c4036b801c3392f.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/1246-1c749e91dadb6a78.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<script src="/_next/static/chunks/app/pro/page-a2552833f125ab9a.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" async=""></script>
1<link rel="preload" href="https://www.googletagmanager.com/gtag/js?id=G-H73J8WDPCF" as="script"/><link rel="preload" href="https://cdn.paddle.com/paddle/v2/paddle.js" as="script"/><link rel="preload" as="image" href="/BartenderPro/app-icons/audible.png"/><link rel="preload" as="image" href="/BartenderPro/app-icons/chrome.png"/><link rel="preload" as="image" href="/demo-assets/plane.svg"/><title>Bartender Pro</title><meta name="description" content="Bartender Pro expands what your menu bar and your Mac are capable of, starting with Top Shelf."/><meta name="application-name" content="Bartender"/><link rel="author" href="https://www.macbartender.com"/><meta name="author" content="Applause Group, Inc."/><meta name="creator" content="Applause Group, Inc."/><meta name="publisher" content="Applause Group, Inc."/><meta name="category" content="productivity software"/><link rel="canonical" href="https://www.macbartender.com/pro/"/><meta name="format-detection" content="telephone=no"/><meta property="og:title" content="Bartender Pro"/><meta property="og:description" content="Bartender Pro expands what your menu bar and your Mac are capable of, starting with Top Shelf."/><meta property="og:url" content="https://www.macbartender.com/pro/"/><meta property="og:site_name" content="Bartender"/><meta property="og:locale" content="en_US"/><meta property="og:image" content="https://www.macbartender.com/Bartender6/img/btpro-hero-2.png"/><meta property="og:image:width" content="2400"/><meta property="og:image:height" content="1350"/><meta property="og:image:alt" content="Bartender Pro Top Shelf in the Mac menu bar"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@macbartender"/><meta name="twitter:title" content="Bartender Pro"/><meta name="twitter:description" content="Bartender Pro expands what your menu bar and your Mac are capable of, starting with Top Shelf."/><meta name="twitter:image" content="https://www.macbartender.com/Bartender6/img/btpro-hero-2.png"/><meta name="twitter:image:width" content="2400"/><meta name="twitter:image:height" content="1350"/><meta name="twitter:image:alt" content="Bartender Pro Top Shelf in the Mac menu bar"/><link rel="shortcut icon" href="/Bartender5/img/favicon.ico"/><link rel="icon" href="/Bartender5/img/favicon.ico"/><link rel="apple-touch-icon" href="/Bartender6/img/bartender6icon.png"/><link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" noModule=""></script>
1</head><body class="bg-black text-white antialiased"><div hidden=""><!--$--><!--/$--></div><nav class="site-header fixed left-0 right-0 top-0 z-50 transition-all duration-300 bg-transparent"><div class="mx-auto flex h-14 max-w-[1200px] items-center justify-between px-5 sm:px-8"><a href="/" class="flex items-center gap-2.5"><img src="/Bartender6/img/bartender6icon.png" alt="Bartender" class="h-7 w-7 rounded-[6px]"/><span class="text-sm font-semibold tracking-tight text-white">Bartender</span></a><div class="hidden items-center gap-5 lg:flex"><a href="/bartender7/" class="text-[13px] font-medium transition-colors text-neutral-500 hover:text-neutral-300">Bartender 7</a><a href="/Bartender6/" class="text-[13px] font-medium transition-colors text-neutral-500 hover:text-neutral-300">Bartender 6</a><a href="/pro/" class="text-[13px] font-medium transition-colors text-white">Bartender Pro</a><a href="/Bartender7/Blog/" class="text-[13px] font-medium transition-colors text-neutral-500 hover:text-neutral-300">Blog</a><a href="/Bartender6/support/" class="text-[13px] font-medium transition-colors text-neutral-500 hover:text-neutral-300">Support</a></div><div class="hidden items-center gap-2 lg:flex"><button type="button" class="rounded-full border border-white/[0.12] bg-white/[0.04] px-4 py-1.5 text-[13px] font-medium text-white transition-colors hover:bg-white/[0.1]">Download</button><a href="/purchase/" class="rounded-full bg-white px-4 py-1.5 text-[13px] font-medium text-[#0A0A0A] transition-colors hover:bg-neutral-200">Get Bartender</a></div><button type="button" class="inline-flex h-9 w-9 items-center justify-center rounded-full border border-white/[0.08] bg-white/[0.03] text-white transition-colors hover:bg-white/[0.08] lg:hidden" aria-expanded="false" aria-label="Toggle navigation"><svg class="h-4.5 w-4.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.75" d="M4 7h16M4 12h16M4 17h16"></path></svg></button></div></nav><div class="min-h-screen bg-[linear-gradient(180deg,#0b1020_0%,#05070f_45%,#000000_100%)] text-white" style="color-scheme:dark"><main><div class="continuous-corners min-h-screen bg-[#0A0A0A] text-white"><section class="pb-14 text-center sm:pb-20 pt-32 sm:pt-40"><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><div class="mb-8 flex justify-center"><img src="/BartenderPro/icons/bartender-pro-2-icon.png" alt="Bartender Pro" class="macos-app-icon-mask h-24 w-24 rounded-[22px] shadow-[0_8px_40px_rgba(0,0,0,0.5)] sm:h-28 sm:w-28"/></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.15s"><h1 class="mx-auto max-w-3xl px-4 text-[clamp(2.5rem,6vw,4.5rem)] font-extrabold leading-[1.05] tracking-[-0.035em] text-white">Take your Mac<br/>up a notch.</h1></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.25s"><p class="mx-auto mt-6 max-w-xl px-4 text-lg leading-relaxed text-neutral-400 sm:text-xl">Bartender Pro expands what your menu bar is capable of. <br/>Starting with Top Shelf.</p></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.35s"><div class="mt-10 flex flex-col items-center justify-center gap-3 sm:flex-row"><a href="/purchase/" class="rounded-full bg-white px-7 py-3 text-[15px] font-semibold text-[#0A0A0A] transition-colors hover:bg-neutral-200">Get Bartender Pro</a><a href="#top-shelf" class="rounded-full border border-white/[0.1] px-7 py-3 text-[15px] font-medium text-neutral-400 transition-colors hover:border-white/[0.2] hover:text-neutral-200">Learn more</a></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.45s"><p class="mt-5 text-[13px] text-neutral-500">Two week free trial &amp; one-time purchase options available - cancel anytime.</p></div></section><section id="top-shelf" class="bt-pro-feature-grid continuous-corners" style="min-height:100vh;background:#0a0a0c;color:#f6f6f8;font-family:-apple-system, BlinkMacSystemFont, &quot;SF Pro Display&quot;, &quot;Inter&quot;, system-ui, sans-serif;padding:100px 0 120px"><style>
2        @keyframes bt-pro-pulse {
3          0%, 100% { opacity: 0.4; transform: scaleY(0.8); }
4          50% { opacity: 1; transform: scaleY(1.3); }
5        }
6
7        @media (max-width: 760px) {
8          .bt-pro-grid-card {
9            grid-column: 1 / -1 !important;
10            min-height: 360px !important;
11            border-radius: 18px !important;
12          }
13
14          .bt-pro-demo-wrap {
15            bottom: -28px !important;
16            left: -24px !important;
17            right: -24px !important;
18            width: auto !important;
19            transform: none !important;
20          }
21
22          .bt-pro-card-demo {
23            border-radius: 18px !important;
24          }
25        }
26
27        @media (min-width: 640px) {
28          .bt-pro-feature-grid-inner {
29            padding-left: 32px !important;
30            padding-right: 32px !important;
31          }
32        }
33      </style><div class="bt-pro-feature-grid-inner" style="max-width:1200px;margin:0 auto;padding:0 20px"><div style="text-align:center;margin-bottom:64px"><h2 style="margin:0;font-size:clamp(1.75rem,4vw,3rem);font-weight:800;letter-spacing:-0.03em;line-height:1.1;color:#fff">Strictly top shelf.</h2><p style="margin:16px auto 0;max-width:32rem;font-size:18px;line-height:1.5555556;color:#a3a3a3">
33A powerful suite of utilities, all living in your notch.</p></div><div style="display:grid;grid-template-columns:repeat(6, 1fr);gap:14px"><div class="bt-pro-grid-card corner-continuous" style="grid-column:span 6;min-height:430px;position:relative;border-radius:22px;overflow:hidden;background:#0c0c10;border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;isolation:isolate"><div style="position:relative;z-index:2;padding:28px 30px 0"><h3 style="margin:0 0 6px;font-size:21px;font-weight:600;letter-spacing:0.011em;color:#ffffff;line-height:1.381002381">Dynamic Island for Mac</h3><p style="margin:0;font-size:17px;line-height:1.2353641176;color:#ffffff;opacity:0.7;font-weight:600;letter-spacing:-0.022em;max-width:none">The gorgeous dynamic island from iPhone, perfected for Mac - with or without a notch.</p></div><div style="position:absolute;inset:0;z-index:0"><div style="position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse 70% 56% at 50% 72%, rgba(74,114,255,0.42), transparent 68%), linear-gradient(180deg, #111119 0%, #07070a 100%)"><div class="bt-pro-demo-wrap" style="position:absolute;left:28px;right:28px;bottom:-72px;width:auto;transform:none;pointer-events:auto;z-index:1"><div class="corner-continuous relative aspect-[16/6] overflow-hidden rounded-[30px] border border-white/14 shadow-[0_28px_78px_rgba(14,28,72,0.42)] bt-pro-card-demo" style="background:linear-gradient(180deg, rgb(144, 184, 255) 0%, rgb(113, 153, 236) 46%, rgb(81, 114, 199) 100%);font-family:-apple-system, BlinkMacSystemFont, &quot;SF Pro Text&quot;, &quot;SF Pro Display&quot;, &quot;Segoe UI&quot;, sans-serif"><div class="absolute inset-0 pointer-events-none" style="transform:scale(1.5);transform-origin:top center"><div class="absolute left-0 right-0 top-0 z-20 h-9 sm:h-10"><button type="button" disabled="" class="corner-continuous absolute left-1/2 top-1/2 z-20 -translate-x-1/2 -translate-y-[12px] overflow-hidden border-0 bg-black p-0 shadow-[0_6px_22px_rgba(0,0,0,0.34)] outline-none cursor-default" data-top-shelf-island="true" aria-label="Switch Top Shelf state from closed" aria-pressed="false"><div class="w-fit"><div class="h-[24px] w-[90px]"></div></div></button></div><div class="absolute inset-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.08)_0%,transparent_34%,rgba(28,49,126,0.14)_100%)]"></div><div class="relative h-full pt-9 sm:pt-10"><canvas aria-hidden="true" class="pointer-events-none absolute inset-0 z-[5] h-full w-full"></canvas><div class="absolute bottom-4 left-1/2 z-10 -translate-x-1/2"><div class="corner-continuous relative flex items-start gap-[8px] rounded-[24px] px-[11px] pb-[12px] pt-[10px]"><button type="button" disabled="" aria-label="Agents" aria-pressed="false" title="Agents" class="corner-continuous group relative flex h-[38px] w-[38px] items-center justify-center overflow-hidden rounded-[13px] border text-white transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] sm:h-[42px] sm:w-[42px] border-white/8 bg-[linear-gradient(180deg,rgba(255,255,255,0.1)_0%,rgba(255,255,255,0.03)_100%)] text-white/78 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] hover:translate-y-[-2px] hover:border-white/16 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.18)_0%,rgba(201,219,255,0.06)_100%)] hover:text-white/96" style="-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25)"><span aria-hidden="true" class="corner-continuous absolute inset-0 rounded-[13px] transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] bg-[linear-gradient(180deg,#7ed0ff_0%,#0a84ff_100%)] shadow-[inset_0_1px_0_rgba(255,255,255,0.24),0_4px_10px_rgba(10,74,156,0.22)] opacity-92 group-hover:opacity-100"></span><span class="corner-continuous pointer-events-none absolute inset-0 rounded-[13px] bg-[linear-gradient(180deg,rgba(255,255,255,0.28)_0%,rgba(255,255,255,0.08)_34%,rgba(255,255,255,0)_72%)] opacity-90"></span><span class="pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.16)_0%,rgba(255,255,255,0.02)_48%,rgba(255,255,255,0)_100%)] opacity-80"></span><span class="pointer-events-none absolute left-[4px] right-[4px] top-[2px] h-[10px] rounded-full bg-[linear-gradient(180deg,rgba(255,255,255,0.32)_0%,rgba(255,255,255,0)_100%)] opacity-75"></span><span class="sr-only">Agents</span><span class="relative z-[1] transition-transform duration-200 ease-[
33cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.06] text-white"><span aria-hidden="true" class="grid h-[18px] w-[18px] grid-cols-5 grid-rows-5 gap-[1px] p-[2px]"><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:1"></span><span class="rounded-[1px] bg-current" style="opacity:1"></span><span class="rounded-[1px] bg-current" style="opacity:1"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:1"></span><span class="rounded-[1px] bg-current" style="opacity:1"></span><span class="rounded-[1px] bg-current" style="opacity:1"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span><span class="rounded-[1px] bg-current" style="opacity:0"></span></span></span><span aria-hidden="true" class="pointer-events-none absolute -bottom-[7px] left-1/2 h-[4px] w-[4px] -translate-x-1/2 rounded-full transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] scale-75 bg-white/0 opacity-0"></span></button><button type="button" disabled="" aria-label="Music" aria-pressed="false" title="Music" class="corner-continuous group relative flex h-[38px] w-[38px] items-center justify-center overflow-hidden rounded-[13px] border text-white transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] sm:h-[42px] sm:w-[42px] border-white/8 bg-[linear-gradient(180deg,rgba(255,255,255,0.1)_0%,rgba(255,255,255,0.03)_100%)] text-white/78 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] hover:translate-y-[-2px] hover:border-white/16 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.18)_0%,rgba(201,219,255,0.06)_100%)] hover:text-white/96" style="-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25)"><span aria-hidden="true" class="corner-continuous absolute inset-0 rounded-[13px] transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] bg-[linear-gradient(180deg,#4b5de8_0%,#2337a7_100%)] shadow-[inset_0_1px_0_rgba(255,255,255,0.18),0_4px_10px_rgba(14,22,78,0.22)] opacity-92 group-hover:opacity-100"></span><span class="corner-continuous pointer-events-none absolute inset-0 rounded-[13px] bg-[linear-gradient(180deg,rgba(255,255,255,0.28)_0%,rgba(255,255,255,0.08)_34%,rgba(255,255,255,0)_72%)] opacity-90"></span><span class="pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.16)_0%,rgba(255,255,255,0.02)_48%,rgba(255,255,255,0)_100%)] opacity-80"></span><span class="pointer-events-none absolute left-[4px] right-[4px] top-[2px] h-[10px] rounded-full bg-[linear-gradient(180deg,rgba(255,255,255,0.32)_0%,rgba(255,255,255,0)_100%)] opacity-75"></span><span class="sr-only">Music</span><span class="relative z-[1] transition-transform duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.06] text-white"><svg aria-hidden="true" viewBox="0 0 24 24" class="h-[18px] w-[18px]" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.75 5.25V13.6C15.75 15.1 14.6 16.3 13 16.3C11.4 16.3 10.25 15.1 10.25 13.6C10.25 12.1 11.4 10.9 13 10.9C13.63 10.9 14.17 11.07 14.6 11.4V7.15L18.75 6V14.35C18.75 15.85 17.6 17.05 16 17.05C14.4 17.05 13.25 15.85 13.25 14.35C13.25 12.85 14.4 11.65 16 11.65C16.63 11.65 17.17 11.82 17.6 12.15V5.7L15.75 5.25Z" fill="currentColor"></path><path d="M7.15 8.1C6 9.15 5.35 10.55 5.35 12C5.35 13.45 6 14.85 7.15 15.9" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" opacity="0.65"></path></svg></span><span aria-hidden="true" class="pointer-events-none absolute -bottom-[7px] left-1/2 h-[4px] w-[4px] -translate-x-1/2 roun
33ded-full transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] scale-75 bg-white/0 opacity-0"></span></button><button type="button" disabled="" aria-label="Volume" aria-pressed="false" title="Volume" class="corner-continuous group relative flex h-[38px] w-[38px] items-center justify-center overflow-hidden rounded-[13px] border text-white transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] sm:h-[42px] sm:w-[42px] border-white/8 bg-[linear-gradient(180deg,rgba(255,255,255,0.1)_0%,rgba(255,255,255,0.03)_100%)] text-white/78 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] hover:translate-y-[-2px] hover:border-white/16 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.18)_0%,rgba(201,219,255,0.06)_100%)] hover:text-white/96" style="-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25)"><span aria-hidden="true" class="corner-continuous absolute inset-0 rounded-[13px] transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] bg-[linear-gradient(180deg,#8892ad_0%,#49526c_100%)] shadow-[inset_0_1px_0_rgba(255,255,255,0.16),0_4px_10px_rgba(14,20,36,0.2)] opacity-92 group-hover:opacity-100"></span><span class="corner-continuous pointer-events-none absolute inset-0 rounded-[13px] bg-[linear-gradient(180deg,rgba(255,255,255,0.28)_0%,rgba(255,255,255,0.08)_34%,rgba(255,255,255,0)_72%)] opacity-90"></span><span class="pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.16)_0%,rgba(255,255,255,0.02)_48%,rgba(255,255,255,0)_100%)] opacity-80"></span><span class="pointer-events-none absolute left-[4px] right-[4px] top-[2px] h-[10px] rounded-full bg-[linear-gradient(180deg,rgba(255,255,255,0.32)_0%,rgba(255,255,255,0)_100%)] opacity-75"></span><span class="sr-only">Volume</span><span class="relative z-[1] transition-transform duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.06] text-white"><svg aria-hidden="true" viewBox="0 0 24 24" class="h-[18px] w-[18px]" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 14.85V9.15C5 8.7 5.36 8.35 5.8 8.35H8.1C8.25 8.35 8.4 8.3 8.5 8.2L11.8 5.15C12.3 4.7 13.1 5.05 13.1 5.75V18.25C13.1 18.95 12.3 19.3 11.8 18.85L8.5 15.8C8.4 15.7 8.25 15.65 8.1 15.65H5.8C5.36 15.65 5 15.29 5 14.85Z" fill="currentColor"></path><path d="M16.1 9.25C16.9 10.05 17.35 11.02 17.35 12C17.35 12.98 16.9 13.95 16.1 14.75" stroke="currentColor" stroke-width="1.65" stroke-linecap="round"></path><path d="M18.75 7.2C20.05 8.45 20.75 10.2 20.75 12C20.75 13.8 20.05 15.55 18.75 16.8" stroke="currentColor" stroke-width="1.65" stroke-linecap="round" opacity="0.7"></path></svg></span><span aria-hidden="true" class="pointer-events-none absolute -bottom-[7px] left-1/2 h-[4px] w-[4px] -translate-x-1/2 rounded-full transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] scale-75 bg-white/0 opacity-0"></span></button><button type="button" disabled="" aria-label="Calendar" aria-pressed="false" title="Calendar" class="corner-continuous group relative flex h-[38px] w-[38px] items-center justify-center overflow-hidden rounded-[13px] border text-white transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] sm:h-[42px] sm:w-[42px] border-white/8 bg-[linear-gradient(180deg,rgba(255,255,255,0.1)_0%,rgba(255,255,255,0.03)_100%)] text-white/78 shadow-[inset_0_1px_0_rgba(255,255,255,0.08)] hover:translate-y-[-2px] hover:border-white/16 hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.18)_0%,rgba(201,219,255,0.06)_100%)] hover:text-white/96" style="-webkit-backdrop-filter:blur(12px) saturate(1.25);backdrop-filter:blur(12px) saturate(1.25)"><span aria-hidden="true" class="corner-continuous absolute inset-0 rounded-[13px] transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] bg-[linear-gradient(180deg,#ffdcbf_0%,#ff9b63_100%)] shadow-[inset_0_1px_0_rgba(255,255,255,0.42),0_4px_10px_rgba(126,52,18,0.18)] opacity-92 group-hover:opacity-100"></span><span class="corner-continuous pointer-events-none absolute inset-0 rounded-[13px] bg-[linear-gradient(180deg,rgba(255,255,255,0.28)_0%,rgba(255,255,255,0.08)_34%,rgba(255,255,255,0)_72%)] opacity-90"></span><span class="pointer-events-none absolute inset-0 bg-[linear-gradient(180deg,rgba(255,255,255,0.16)_0%,rgba(255,255,255,0.02)_48%,rgba(255,255,255,0)_100%)] opacity-80"></span><span class="pointer-events-none absolute left-[4px] right-[4px] top-[2px] h-[10px] rounded-full bg-[linear-gradient(180deg,rgba(255,255,255,0.32)_0%,rgba(255,255,255,0)_100%)] opacity-75"></span><span class="sr-only">Calendar</span><span class="relative z-[1] transition-transform duration-200 ease-[
33cubic-bezier(0.16,1,0.3,1)] group-hover:scale-[1.06] text-white"><svg aria-hidden="true" viewBox="0 0 24 24" class="h-[18px] w-[18px]" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="4.25" y="5.5" width="15.5" height="14.25" rx="3" stroke="currentColor" stroke-width="1.75"></rect><path d="M8 3.75V7.1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"></path><path d="M16 3.75V7.1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"></path><path d="M4.9 9.4H19.1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"></path><rect x="7.2" y="12.2" width="2.8" height="2.8" rx="1.15" fill="currentColor"></rect><rect x="11" y="12.2" width="2.8" height="2.8" rx="1.15" fill="currentColor" opacity="0.88"></rect><rect x="14.8" y="12.2" width="2.8" height="2.8" rx="1.15" fill="currentColor" opacity="0.72"></rect></svg></span><span aria-hidden="true" class="pointer-events-none absolute -bottom-[7px] left-1/2 h-[4px] w-[4px] -translate-x-1/2 rounded-full transition-all duration-200 ease-[cubic-bezier(0.16,1,0.3,1)] scale-75 bg-white/0 opacity-0"></span></button></div></div></div></div><div class="pointer-events-none absolute left-0 right-0 top-0 z-30 flex h-[54px] items-center justify-between pl-[18px] pr-[22px] text-[19.5px] font-medium leading-none tracking-[-0.01em] text-white/95 sm:h-[60px] sm:pl-[22px] sm:pr-[26px] sm:text-[21px]"><img alt="" width="18" height="21" decoding="async" data-nimg="1" class="h-[21px] w-[18px] shrink-0" style="color:transparent" src="/demo-assets/applelogo.svg"/><div class="flex items-center gap-[21px]"><img alt="" loading="lazy" width="21" height="21" decoding="async" data-nimg="1" class="h-[21px] w-[21px] shrink-0" style="color:transparent" src="/demo-assets/bento.svg"/><span class="whitespace-nowrap">Thu Apr 24 9:41 AM</span></div></div></div></div></div></div><div style="flex:1;min-height:240px"></div></div><div class="bt-pro-grid-card corner-continuous" style="grid-column:span 3;min-height:380px;position:relative;border-radius:22px;overflow:hidden;background:#0c0c10;border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;isolation:isolate"><div style="position:relative;z-index:2;padding:28px 30px 0"><h3 style="margin:0 0 6px;font-size:21px;font-weight:600;letter-spacing:0.011em;color:#ffffff;line-height:1.381002381">Audio Controls</h3><p style="margin:0;font-size:17px;line-height:1.2353641176;color:#ffffff;opacity:0.7;font-weight:600;letter-spacing:-0.022em;max-width:38ch">Control your Audio. If it plays on your mac, Top Shelf can control it.</p></div><div style="position:absolute;inset:0;z-index:0"><div style="position:absolute;inset:0;overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:flex-end;pointer-events:none"><canvas style="position:absolute;inset:0;width:100%;height:100%;display:block"></canvas><div style="position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:28px;gap:16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.28) 8%, #000 22%, #000 78%, rgba(0,0,0,0.28) 92%, transparent 100%);mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.28) 8%, #000 22%, #000 78%, rgba(0,0,0,0.28) 92%, transparent 100%)"><style>
34        @keyframes bt-pro-scroll-l { from { transform: translateX(0); } to { transform: translateX(-50%); } }
35        @keyframes bt-pro-scroll-r { from { transform: translateX(-50%); } to { transform: translateX(0); } }
36      </style><div style="display:flex;gap:16px;width:max-content;animation:bt-pro-scroll-l 38s linear infinite"><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/apple_music.png" alt="Apple Music" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative">
36<img src="/BartenderPro/app-icons/spotify.png" alt="Spotify" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/youtube.png" alt="YouTube" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/apple_tv.png" alt="Apple TV" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/safari.png" alt="Safari" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/soundcloud.png" alt="SoundCloud" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/tidal.png" alt="TIDAL" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/audible.png" alt="Audible" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/chrome.png" alt="Chrome" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/apple_music.png" alt="Apple Music" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/spotify.png" alt="Spotify" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/>
36</div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/youtube.png" alt="YouTube" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/apple_tv.png" alt="Apple TV" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/safari.png" alt="Safari" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/soundcloud.png" alt="SoundCloud" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/tidal.png" alt="TIDAL" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/audible.png" alt="Audible" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/chrome.png" alt="Chrome" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div></div><div style="display:flex;gap:16px;width:max-content;animation:bt-pro-scroll-r 44s linear infinite"><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/chrome.png" alt="Chrome" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/audible.png" alt="Audible" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/>
36</div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/tidal.png" alt="TIDAL" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/soundcloud.png" alt="SoundCloud" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/safari.png" alt="Safari" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/apple_tv.png" alt="Apple TV" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/youtube.png" alt="YouTube" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/spotify.png" alt="Spotify" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/apple_music.png" alt="Apple Music" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/chrome.png" alt="Chrome" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/audible.png" alt="Audible" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/tidal.png" alt="TIDAL" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/>
36</div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/soundcloud.png" alt="SoundCloud" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/safari.png" alt="Safari" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/apple_tv.png" alt="Apple TV" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/youtube.png" alt="YouTube" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/spotify.png" alt="Spotify" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div><div class="corner-continuous" style="width:72px;height:72px;flex-shrink:0;border-radius:18px;background:rgba(255,255,255,0.06);box-shadow:0 8px 22px -6px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative"><img src="/BartenderPro/app-icons/apple_music.png" alt="Apple Music" draggable="false" style="width:100%;height:100%;display:block;object-fit:cover"/></div></div></div></div></div><div style="flex:1;min-height:240px"></div></div><div class="bt-pro-grid-card corner-continuous" style="grid-column:span 3;min-height:380px;position:relative;border-radius:22px;overflow:hidden;background:#0c0c10;border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;isolation:isolate"><div style="position:relative;z-index:2;padding:28px 30px 0"><h3 style="margin:0 0 6px;font-size:21px;font-weight:600;letter-spacing:0.011em;color:#ffffff;line-height:1.381002381">Live Weather</h3><p style="margin:0;font-size:17px;line-height:1.2353641176;color:#ffffff;opacity:0.7;font-weight:600;letter-spacing:-0.022em;max-width:38ch">Never be stuck without an umbrella again with real time weather &amp; notifications for home &amp; away.</p></div><div style="position:absolute;inset:0;z-index:0"><div style="position:absolute;inset:0;overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:flex-end;pointer-events:none"><canvas style="position:absolute;inset:0;width:100%;height:100%;display:block"></canvas><div style="position:absolute;top:120px;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center"><div style="color:#fff;font-size:clamp(68px, 8.5vw, 104px);font-weight:200;letter-spacing:-0.045em;line-height:1;font-family:-apple-system, &quot;SF Pro Display&quot;, system-ui;text-shadow:0 2px 50px rgba(120, 150, 255, 0.35);margin-bottom:6px">68°</div><div style="color:rgba(255,255,255,0.78);font-size:16px;font-weight:500;letter-spacing:-0.005em;font-family:-apple-system, &quot;SF Pro Display&quot;, system-ui">Clear Skies</div></div></div></div><div style="flex:1;min-height:240px"></div></div><div class="bt-pro-grid-card corner-continuous" style="grid-column:span 3;min-height:380px;position:relative;border-radius:22px;overflow:hidden;background:#0c0c10;border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;isolation:isolate"><div style="position:relative;z-index:2;
36padding:28px 30px 0"><h3 style="margin:0 0 6px;font-size:21px;font-weight:600;letter-spacing:0.011em;color:#ffffff;line-height:1.381002381">Glanceable Calendar</h3><p style="margin:0;font-size:17px;line-height:1.2353641176;color:#ffffff;opacity:0.7;font-weight:600;letter-spacing:-0.022em;max-width:38ch">See whats coming up, and check if you have time for that quick flat white.</p></div><div style="position:absolute;inset:0;z-index:0"><div style="position:absolute;inset:0;overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:flex-end;pointer-events:none"><div style="position:absolute;inset:0;background:radial-gradient(ellipse 80% 55% at 50% 0%, oklch(0.58 0.19 250 / 0.75), transparent 70%),radial-gradient(ellipse 60% 45% at 30% 10%, oklch(0.55 0.14 275 / 0.45), transparent 65%)"></div><div style="position:absolute;inset:0;background:linear-gradient(to bottom, transparent 40%, #000 92%)"></div><div style="position:absolute;left:18px;right:18px;bottom:22px;color:#fff;font-family:-apple-system, BlinkMacSystemFont, &quot;SF Pro Text&quot;, &quot;Segoe UI&quot;, system-ui, sans-serif"><div style="padding:0 4px;display:flex;flex-direction:column;justify-content:space-between;gap:14px"><div style="display:flex;align-items:flex-start;justify-content:space-between"><div style="min-width:0"><div style="font-size:17px;font-weight:600;letter-spacing:-0.2px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Design review</div><div style="font-size:12px;color:rgba(255,255,255,0.5);margin-top:4px;font-variant-numeric:tabular-nums">In progress<!-- --> · <!-- -->45<!-- -->m</div></div><button style="appearance:none;border:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:-0.1px;padding:0 14px;height:30px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;background:#0A84FF;color:#fff;box-shadow:0 0 0 0.5px rgba(255,255,255,0.14) inset, 0 4px 10px rgba(10,132,255,0.35)"><svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="1.5" y="4" width="10" height="8" rx="1.6"></rect><path d="M11.5 7l3-1.6v5.2l-3-1.6z"></path></svg> Join</button></div><div><div style="position:relative;height:28px"><div style="position:absolute;top:2px;bottom:2px;left:calc(6.25% - 4px);width:calc(56.25% + 8px);background:rgba(10,132,255,0.10);box-shadow:0 0 0 1px rgba(10,132,255,0.22) inset;border-radius:6px"></div><div style="position:absolute;top:5px;bottom:5px;left:calc(81.25% - 3px);width:calc(18.75% + 6px);background:rgba(10,132,255,0.10);border-radius:4px;border:1px dashed rgba(10,132,255,0.4)"></div><div style="position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center"><div style="width:1.5px;height:22px;background:rgba(255,255,255,0.6);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:22px;background:#5CB8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:22px;background:#5CB8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:18px;background:#3AA8FF;border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:22px;background:rgba(255,255,255,0.6);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div><div style="width:1.5px;height:14px;background:rgba(255,255,255,0.22);border-radius:1.5px"></div></div><div style="position:absolute;top:-2px;bottom:-2px;left:calc(18.75% - 6px);width:12px;background:rgba(255,255,255,0.16);border-radius:4px;box-shadow:0 0 0 1px rgba(255,255,255,0.22), 0 0 10px #32D74B66"></div><div style="position:absolute;top:0;bottom:0;left:calc(18.75% - 1px);width:2px;background:#fff;border-radius:1px"></div></div><div style="display:flex;justify-content:space-between;font-size:10px;color:rgba(255,255,255,0.38);font-variant-numeric:tabular-nums;margin-top:4px"><span>-15m</span><span>now</span><span>+15m</span><span>+30m</span><span>+45m</span><span>+60m</span></div><div style="margin-top:6px;font-size:11px;color:rgba(255,255,255,0.45);display:flex;justify-content:space-between"><span style="color:rgba(255,255,255,0.7)"><span style="display:inline-block;width:8px;height:8px;border:1px dashed rgba(10,132,255,0.6);vertical-align:middle;margin-right:6px;border-radius:2px"></span>Next · <!-- -->1:1 with Alex</span><span style="font-variant-numeric:tabular-nums">in <!-- -->50<!-- -->m</span></div></div></div></div></div></div><div style="flex:1;min-height:240px"></div></div><div class="bt-pro-grid-card corner-continuous" style="grid-column:span 3;min-height:380px;position:relative;border-radius:22px;overflow:hidden;background:#0c0c10;border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;isolation:isolate"><div style="position:relative;z-index:2;
36padding:28px 30px 0"><h3 style="margin:0 0 6px;font-size:21px;font-weight:600;letter-spacing:0.011em;color:#ffffff;line-height:1.381002381">Clipboard Manager</h3><p style="margin:0;font-size:17px;line-height:1.2353641176;color:#ffffff;opacity:0.7;font-weight:600;letter-spacing:-0.022em;max-width:38ch">Everything you copy, kept for a day. Search, browse, and paste from your history.</p></div><div style="position:absolute;inset:0;z-index:0"><div style="position:absolute;inset:0;overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:flex-end;pointer-events:none"><div style="position:absolute;bottom:-20%;left:50%;transform:translateX(-50%);width:86%;background:rgba(16,16,20,0.82);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:12px;box-shadow:0 30px 80px -20px rgba(0,0,0,0.7)"><div style="display:flex;align-items:center;gap:8px;padding:8px 12px 12px;border-bottom:1px solid rgba(255,255,255,0.06)"><svg width="13" height="13" viewBox="0 0 13 13" fill="none"><circle cx="5.5" cy="5.5" r="4" stroke="rgba(255,255,255,0.45)" stroke-width="1.3"></circle><path d="M8.5 8.5 L12 12" stroke="rgba(255,255,255,0.45)" stroke-width="1.3" stroke-linecap="round"></path></svg><div style="color:rgba(255,255,255,0.45);font-size:13px">Search clipboard…</div></div><div style="display:flex;align-items:center;gap:12px;padding:10px 12px;background:rgba(255,255,255,0.06);border-radius:10px"><div style="width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,0.07);display:grid;place-items:center;color:rgba(255,255,255,0.7);font-size:11px;font-family:ui-monospace,monospace;flex-shrink:0">T</div><div style="flex:1;min-width:0"><div style="color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace, monospace">https://linear.app/team/issue/RD-614</div><div style="color:rgba(255,255,255,0.4);font-size:11px">2m ago</div></div></div><div style="display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border-radius:10px"><div style="width:26px;height:26px;border-radius:6px;background:linear-gradient(135deg,#ff7a59,#c94a7a);display:grid;place-items:center;color:rgba(255,255,255,0.7);font-size:11px;font-family:ui-monospace,monospace;flex-shrink:0">▦</div><div style="flex:1;min-width:0"><div style="color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit">Screenshot 2026-04-24.png</div><div style="color:rgba(255,255,255,0.4);font-size:11px">14m ago</div></div></div><div style="display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border-radius:10px"><div style="width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,0.07);display:grid;place-items:center;color:rgba(255,255,255,0.7);font-size:11px;font-family:ui-monospace,monospace;flex-shrink:0">T</div><div style="flex:1;min-width:0"><div style="color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:ui-monospace, monospace">export const useTweaks = (defaults) =&gt;</div><div style="color:rgba(255,255,255,0.4);font-size:11px">1h ago</div></div></div><div style="display:flex;align-items:center;gap:12px;padding:10px 12px;background:transparent;border-radius:10px"><div style="width:26px;height:26px;border-radius:6px;background:rgba(255,255,255,0.07);display:grid;place-items:center;color:rgba(255,255,255,0.7);font-size:11px;font-family:ui-monospace,monospace;flex-shrink:0">T</div><div style="flex:1;min-width:0"><div style="color:#fff;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit">[email protected]</div><div style="color:rgba(255,255,255,0.4);font-size:11px">2h ago</div></div></div></div></div></div><div style="flex:1;min-height:240px"></div></div><div class="bt-pro-grid-card corner-continuous" style="grid-column:span 3;min-height:380px;position:relative;border-radius:22px;overflow:hidden;background:#0c0c10;border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;isolation:isolate"><div style="position:relative;z-index:2;
36padding:28px 30px 0"><h3 style="margin:0 0 6px;font-size:21px;font-weight:600;letter-spacing:0.011em;color:#ffffff;line-height:1.381002381">Files &amp; AirDrop</h3><p style="margin:0;font-size:17px;line-height:1.2353641176;color:#ffffff;opacity:0.7;font-weight:600;letter-spacing:-0.022em;max-width:38ch">Drag files into your notch for temporary storage. AirDrop them to nearby devices instantly.</p></div><div style="position:absolute;inset:0;z-index:0"><div style="position:absolute;inset:0;overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:flex-end;pointer-events:none"><div style="position:absolute;inset:-10% -20% 0 -20%;background:radial-gradient(ellipse at 50% 75%, oklch(0.55 0.18 30), transparent 65%);filter:blur(50px);opacity:0.5"></div><div style="position:absolute;bottom:14%;left:50%;transform:translateX(-50%);width:340px;height:180px"><div style="position:absolute;left:50%;top:50%;width:138px;height:138px;border-radius:22px;overflow:hidden;transform:translate(calc(-50% + 0px), calc(-50% + -8px)) rotate(-4deg);z-index:3;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08)"><div style="position:absolute;inset:0"><div style="width:100%;height:100%;background:linear-gradient(145deg, #fff8ec 0%, #efe3cc 100%);padding:8px 10px;display:flex;flex-direction:column;gap:6px;position:relative;color:#172033"><div style="position:absolute;top:0;left:0;right:0;height:24px;background:linear-gradient(90deg, #12355b 0%, #0f2745 58%, #d94a32 58%, #ff7f4f 100%)"></div><div style="position:relative;height:7px"></div><div style="position:relative;display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:5px;padding-top:8px"><div><div style="font-size:20px;font-weight:900;line-height:0.9">JFK</div><div style="font-size:5.5px;font-weight:800;letter-spacing:0.12em;color:rgba(23,32,51,0.55);margin-top:3px">NEW YORK</div></div><div style="height:28px;border-radius:50%;background:linear-gradient(135deg, #ff8155, #d93f32);display:grid;place-items:center;box-shadow:0 6px 14px rgba(217,63,50,0.28)"><img src="/demo-assets/plane.svg" alt="" aria-hidden="true" style="width:16px;height:14px;display:block"/></div><div style="text-align:right"><div style="font-size:20px;font-weight:900;line-height:0.9">LHR</div><div style="font-size:5.5px;font-weight:800;letter-spacing:0.12em;color:rgba(23,32,51,0.55);margin-top:3px">LONDON</div></div></div><div style="display:grid;grid-template-columns:repeat(3, 1fr);gap:4px;padding:6px 0 7px;border-bottom:1px dashed rgba(18,53,91,0.24)"><div><div style="font-size:5px;font-weight:800;letter-spacing:0.1em;color:rgba(23,32,51,0.45)">GATE</div><div style="font-size:9px;font-weight:900;margin-top:1px">A37</div></div><div><div style="font-size:5px;font-weight:800;letter-spacing:0.1em;color:rgba(23,32,51,0.45)">SEAT</div><div style="font-size:9px;font-weight:900;margin-top:1px">5B</div></div><div><div style="font-size:5px;font-weight:800;letter-spacing:0.1em;color:rgba(23,32,51,0.45)">BOARD</div><div style="font-size:9px;font-weight:900;margin-top:1px">09:41</div></div></div><div style="position:absolute;left:10px;right:10px;bottom:20px;height:15px;display:flex;align-items:stretch;gap:2px;opacity:0.78"><div style="flex:3 1 0;background:#172033;border-radius:1px"></div><div style="flex:1 1 0;background:#172033;border-radius:1px"></div><div style="flex:2 1 0;background:#172033;border-radius:1px"></div><div style="flex:4 1 0;background:#172033;border-radius:1px"></div><div style="flex:1 1 0;background:#172033;border-radius:1px"></div><div style="flex:3 1 0;background:#172033;border-radius:1px"></div><div style="flex:2 1 0;background:#172033;border-radius:1px"></div><div style="flex:1 1 0;background:#172033;border-radius:1px"></div><div style="flex:5 1 0;background:#172033;border-radius:1px"></div><div style="flex:2 1 0;background:#172033;border-radius:1px"></div><div style="flex:3 1 0;background:#172033;border-radius:1px"></div><div style="flex:1 1 0;background:#172033;border-radius:1px"></div><div style="flex:4 1 0;background:#172033;border-radius:1px"></div><div style="flex:2 1 0;background:#172033;border-radius:1px"></div><div style="flex:1 1 0;background:#172033;border-radius:1px"></div></div></div></div><div style="position:absolute;
36left:8px;right:8px;bottom:8px;background:rgba(0,0,0,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:5px 9px;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:-0.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left">BoardingPass.pdf</div></div><div style="position:absolute;left:50%;top:50%;width:138px;height:138px;border-radius:22px;overflow:hidden;transform:translate(calc(-50% + -95px), calc(-50% + 10px)) rotate(-10deg);z-index:1;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08)"><div style="position:absolute;inset:0"><div style="width:100%;height:100%;background:linear-gradient(135deg, #5fc8ff 0%, #0a84ff 55%, #0757c8 100%);position:relative;overflow:hidden"><div style="position:absolute;top:8px;left:8px;right:8px;height:12px;background:rgba(255,255,255,0.24);border-radius:4px;display:flex;align-items:center;gap:3px;padding:0 4px"><div style="width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.9)"></div><div style="width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.72)"></div><div style="width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,0.54)"></div></div><div style="position:absolute;inset:26px 10px 10px;background:rgba(255,255,255,0.14);border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:5px"><div style="height:3px;width:60%;background:rgba(255,255,255,0.7);border-radius:1px"></div><div style="height:2px;width:90%;background:rgba(255,255,255,0.45);border-radius:1px"></div><div style="height:2px;width:75%;background:rgba(255,255,255,0.45);border-radius:1px"></div><div style="flex:1"></div><div style="display:flex;gap:4px"><div style="flex:1;height:14px;background:rgba(255,255,255,0.32);border-radius:3px"></div><div style="flex:1;height:14px;background:rgba(255,255,255,0.32);border-radius:3px"></div></div></div></div></div><div style="position:absolute;left:8px;right:8px;bottom:8px;background:rgba(0,0,0,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:5px 9px;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:-0.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left">Wireframe.png</div></div><div style="position:absolute;left:50%;top:50%;width:138px;height:138px;border-radius:22px;overflow:hidden;transform:translate(calc(-50% + 95px), calc(-50% + 10px)) rotate(-2deg);z-index:2;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.08)"><div style="position:absolute;inset:0"><div style="width:100%;height:100%;background:linear-gradient(180deg, #ffe35b 0%, #ffd21f 58%, #f4bd00 100%);position:relative;color:#111;overflow:hidden"><div style="position:absolute;inset:0;background-image:linear-gradient(90deg, rgba(0,0,0,0.08) 1px, transparent 1px);background-size:12px 100%;opacity:0.28"></div><div style="position:absolute;top:0;left:0;right:0;height:29px;background:#111"></div><div style="position:absolute;top:8px;left:11px;right:11px;color:#ffd21f;font-size:7px;font-weight:900;letter-spacing:0.14em;text-align:center">QUICK REFERENCE</div><div style="position:absolute;top:38px;left:12px;right:11px;font-size:20px;line-height:0.88;font-weight:950;letter-spacing:-0.02em;text-align:center">MENU<br/>BAR</div><div style="position:absolute;top:81px;left:-16px;right:-16px;height:17px;background:#111;color:#fff;display:grid;place-items:center;font-size:7px;font-weight:900;letter-spacing:0.08em;text-indent:10px;transform:rotate(-4deg)">FOR DUMMIES</div><div style="position:absolute;right:-15px;top:18px;width:48px;height:48px;border-radius:50%;border:2px solid rgba(0,0,0,0.16)"></div></div></div><div style="position:absolute;left:8px;right:8px;bottom:8px;background:rgba(0,0,0,0.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:10px;padding:5px 9px;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:-0.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left">menubar.epub</div></div></div></div></div><div style="flex:1;min-height:240px"></div></div><div class="bt-pro-grid-card corner-continuous" style="grid-column:span 3;min-height:380px;position:relative;border-radius:22px;overflow:hidden;background:#0c0c10;border:1px solid rgba(255,255,255,0.05);display:flex;flex-direction:column;isolation:isolate"><div style="position:relative;z-index:2;
36padding:28px 30px 0"><h3 style="margin:0 0 6px;font-size:21px;font-weight:600;letter-spacing:0.011em;color:#ffffff;line-height:1.381002381">Agents</h3><p style="margin:0;font-size:17px;line-height:1.2353641176;color:#ffffff;opacity:0.7;font-weight:600;letter-spacing:-0.022em;max-width:38ch">Keep an eye on your agents whilst you work. Supports Codex &amp; Claude Code.</p></div><div style="position:absolute;inset:0;z-index:0"><div style="position:absolute;inset:0;overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:flex-end;pointer-events:none"><div style="position:relative;width:100%;height:100%"><div style="position:absolute;inset:-10% -20% 0 -20%;background:radial-gradient(ellipse at 70% 28%, rgba(79,116,255,0.42), transparent 58%), radial-gradient(ellipse at 28% 78%, rgba(246,93,46,0.38), transparent 58%);filter:blur(50px);opacity:0.58"></div><div class="corner-continuous " style="align-items:center;background:#000;border:1px solid rgba(255,255,255,0.055);border-radius:999px;box-shadow:0 32px 80px -34px rgba(0,0,0,0.92), 0 0 86px rgba(79, 116, 255, 0.22);display:flex;justify-content:flex-start;padding-left:58px;padding-right:0;position:absolute;height:141px;right:-74px;top:122px;width:304px"><div class="corner-continuous" style="width:77px;height:77px;display:grid;grid-template-columns:repeat(5, 10px);grid-template-rows:repeat(5, 10px);gap:1px;padding:10px;place-content:center;flex-shrink:0"><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0.9;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0.9;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0.9;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;
36background:rgb(79, 116, 255);opacity:0.9;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0.9;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0.9;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(79, 116, 255);opacity:0;transition:none"></div></div></div><div class="corner-continuous " style="align-items:center;background:#000;border:1px solid rgba(255,255,255,0.055);border-radius:999px;box-shadow:0 32px 80px -34px rgba(0,0,0,0.92), 0 0 86px rgba(246, 93, 46, 0.22);display:flex;justify-content:flex-end;padding-left:0;padding-right:58px;position:absolute;bottom:14px;height:141px;left:-74px;width:304px"><div class="corner-continuous" style="width:77px;height:77px;display:grid;grid-template-columns:repeat(5, 10px);grid-template-rows:repeat(5, 10px);gap:1px;padding:10px;place-content:center;flex-shrink:0"><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div><div class="corner-continuous" style="width:10px;height:10px;border-radius:1.7999999999999998px;background:rgb(246, 93, 46);opacity:0;transition:none"></div></div></div></div></div></div><div style="flex:1;min-height:240px"></div></div></div></div></section><div class="mx-auto max-w-[800px] border-t border-white/[0.06]"></div><section id="how-it-works" class="py-24 sm:py-32"><div class="mx-auto max-w-[1200px] px-5 sm:px-8"><div class="mb-16 text-center sm:mb-20">
36<div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.1s"><h2 class="text-[clamp(1.75rem,4vw,3rem)] font-extrabold leading-[1.1] tracking-[-0.03em] text-white">More than menu bar management.</h2></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.15s"><p class="mx-auto mt-4 max-w-lg text-lg text-neutral-400">Bartender Pro is the next chapter — expanding what your bar, and your Mac, is capable of.</p></div></div><div class="grid grid-cols-1 gap-8 sm:gap-12 md:grid-cols-3"><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><div><span class="text-[13px] font-semibold tracking-wide text-neutral-600">01</span><h3 class="mb-3 mt-3 text-xl font-bold tracking-tight text-white">Bartender Pro</h3><p class="text-[15px] leading-relaxed text-neutral-400">A new subscription that unlocks a growing suite of powerful tools. Includes Bartender 7 and all future upgrades for the duration of your subscription.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.1s"><div><span class="text-[13px] font-semibold tracking-wide text-neutral-600">02</span><h3 class="mb-3 mt-3 text-xl font-bold tracking-tight text-white">Top Shelf</h3><p class="text-[15px] leading-relaxed text-neutral-400">The first tool in the Pro suite. A powerful new way to interact with your MacBook&#x27;s notch — bringing common utilities into what used to be wasted space.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.2s"><div><span class="text-[13px] font-semibold tracking-wide text-neutral-600">03</span><h3 class="mb-3 mt-3 text-xl font-bold tracking-tight text-white">And more to come</h3><p class="text-[15px] leading-relaxed text-neutral-400">We&#x27;ll be continuing to add more to Top Shelf, and to the wider Bartender Pro suite, over the coming months and years.</p></div></div></div></div></section><div class="mx-auto max-w-[800px] border-t border-white/[0.06]"></div><section class="py-24 sm:py-32"><div class="mx-auto max-w-[1200px] px-5 sm:px-8"><div class="mb-16 text-center"><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><span class="mb-5 inline-block text-[11px] font-semibold uppercase tracking-[0.15em] text-neutral-500">Bartender 7</span></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.1s"><h2 class="text-[clamp(1.75rem,4vw,3rem)] font-extrabold leading-[1.1] tracking-[-0.03em] text-white">Everything you love from Bartender.</h2></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.15s"><p class="mx-auto mt-4 max-w-lg text-lg text-neutral-400">The full menu bar toolkit: faster access, deeper control, flexible automation, and the details that keep your Mac tidy.</p></div></div><div class="grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:grid-cols-3"><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 4 14h7l-1 8 9-12h-7l1-8Z"></path></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Speed</h3><p class="text-[14px] leading-relaxed text-neutral-400">Reveal hidden menu bar items instantly by swiping, scrolling, clicking, or hovering in the menu bar.</p></div></div>
36<div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.08s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12h18"></path><path d="M8 7 3 12l5 5"></path><path d="M16 7l5 5-5 5"></path></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Full access</h3><p class="text-[14px] leading-relaxed text-neutral-400">Access menu bar items hidden by the MacBook notch, with Bartender making room when space gets tight.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.16s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2"></rect><path d="M7 9h10"></path><path d="M7 13h6"></path></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Bartender Bar</h3><p class="text-[14px] leading-relaxed text-neutral-400">Keep hidden items in a dedicated Bartender Bar beneath the menu bar when you need more room.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22a7 7 0 0 0 7-7c0-2-1-3.5-2.5-5L12 2 7.5 10C6 11.5 5 13 5 15a7 7 0 0 0 7 7Z"></path></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Styling</h3><p class="text-[14px] leading-relaxed text-neutral-400">Add tints, gradients, borders, shadows, rounded menu bars, and per-space styles to make your menu bar your own.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.08s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="7" height="7" rx="1.5"></rect><rect x="14" y="4" width="7" height="7" rx="1.5"></rect><rect x="8.5" y="14" width="7" height="7" rx="1.5"></rect></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Groups</h3><p class="text-[14px] leading-relaxed text-neutral-400">Combine related menu bar items into one customizable item, with quick access to everything inside.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.16s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 6h16"></path><path d="M4 12h16"></path><path d="M4 18h16"></path><circle cx="8" cy="6" r="2"></circle><circle cx="16" cy="12" r="2"></circle><circle cx="10" cy="18" r="2"></circle></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Presets</h3><p class="text-[14px] leading-relaxed text-neutral-400">Create menu bar setups for work, home, screen sharing, recording, or any other workflow.</p></div></div>
36<div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16v5H4z"></path><path d="M7 9v11"></path><path d="M17 9v11"></path><path d="M7 15h10"></path></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Triggers</h3><p class="text-[14px] leading-relaxed text-neutral-400">Automatically apply presets or show items based on battery, Wi-Fi, location, time, date, and more.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.08s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"></circle><path d="m16 16 4 4"></path><path d="M8.5 11h5"></path></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Search</h3><p class="text-[14px] leading-relaxed text-neutral-400">Use Quick Search to find, show, and activate any menu bar item from the keyboard.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.16s"><div class="group"><div class="mb-4 flex h-10 w-10 items-center justify-center rounded-xl border border-white/[0.06] bg-white/[0.05] text-neutral-400 transition-all duration-300 group-hover:border-transparent group-hover:bg-white group-hover:text-[#0A0A0A]"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="3" width="7" height="7" rx="1"></rect><rect x="14" y="14" width="7" height="7" rx="1"></rect><path d="M3 17h7"></path><path d="M6.5 13.5v7"></path></svg></div><h3 class="mb-1.5 text-base font-bold tracking-tight text-white">Widgets</h3><p class="text-[14px] leading-relaxed text-neutral-400">Create custom menu bar items that can trigger the actions you want, without needing to code.</p></div></div></div></div></section><div class="mx-auto max-w-[800px] border-t border-white/[0.06]"></div><section id="pricing" class="py-24 sm:py-32"><div class="mx-auto max-w-[1200px] px-5 sm:px-8"><div class="mb-16 text-center"><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><span class="mb-5 inline-block text-[11px] font-semibold uppercase tracking-[0.15em] text-neutral-500">Pricing</span></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.1s"><h2 class="text-[clamp(1.75rem,4vw,3rem)] font-extrabold leading-[1.1] tracking-[-0.03em] text-white">Pick your Bartender.</h2></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.15s"><p class="mx-auto mt-4 max-w-lg text-lg text-neutral-400">Start with <!-- -->Bartender 7<!-- -->, upgrade to Pro, or get lifetime access.</p></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.2s"><div class="grid grid-cols-1 gap-5 md:grid-cols-3"><div class="relative flex flex-col rounded-2xl p-7 border border-white/[0.08] bg-white/[0.02]"><div class="flex min-h-6 items-start justify-between gap-3"><span class="text-[12px] font-semibold uppercase tracking-wide text-neutral-500">
36One-time</span></div><div class="mb-1 mt-3 min-h-10"><span class="text-[15px] font-medium text-neutral-500">Loading price</span></div><h3 class="text-lg font-bold tracking-tight text-white">Bartender 7</h3><p class="mt-2 flex-1 text-[14px] leading-relaxed text-neutral-400">The same powerful menu bar management you know and love. One purchase, includes all updates to this version.</p><ul class="mb-7 mt-6 space-y-2.5"><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Menu bar management</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Bartender Bar</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Triggers &amp; widgets</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>All Bartender 7 updates</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Includes Bartender 6 for Tahoe, and 7 for Golden Gate</li></ul><button type="button" disabled="" class="block w-full rounded-full border border-white/[0.1] py-2.5 text-center text-[14px] font-semibold text-neutral-300 transition-colors hover:border-white/[0.2] hover:bg-white/[0.04] disabled:cursor-not-allowed disabled:opacity-60">Buy Bartender 7</button></div><div class="relative flex flex-col rounded-2xl p-7 border-2 border-white bg-white/[0.04]"><div class="absolute -top-3 left-1/2 -translate-x-1/2"><span class="rounded-full bg-white px-3 py-1 text-[11px] font-semibold uppercase tracking-wide text-[#0A0A0A]">Recommended</span></div><div class="flex min-h-6 items-start justify-between gap-3"><span class="text-[12px] font-semibold uppercase tracking-wide text-neutral-500">Yearly</span></div><div class="mb-1 mt-3 min-h-10"><span class="text-[15px] font-medium text-neutral-500">Loading price</span></div><h3 class="text-lg font-bold tracking-tight text-white">Bartender Pro</h3><p class="mt-2 text-[13px] font-medium text-neutral-300">14-day free trial</p><p class="mt-2 flex-1 text-[14px] leading-relaxed text-neutral-400">Everything in Bartender 7, plus the Pro suite. Includes all future major upgrades &amp; features.</p><ul class="mb-7 mt-6 space-y-2.5"><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Everything in Bartender 7</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Top Shelf</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Future Pro tools included</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>All future version upgrades</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Includes Bartender 6 for Tahoe, and 7 for Golden Gate</li></ul><button class="LickableButton_button__TCZiz LickableButton_dark__jZ
36Ink LickableButton_shadow__1aQTj w-full disabled:cursor-not-allowed disabled:opacity-60" type="button" disabled=""><span class="LickableButton_label__K6Wht">Get Bartender Pro</span></button></div><div class="relative flex flex-col rounded-2xl p-7 border border-white/[0.08] bg-white/[0.02]"><div class="flex min-h-6 items-start justify-between gap-3"><span class="text-[12px] font-semibold uppercase tracking-wide text-neutral-500">Lifetime</span><span class="shrink-0 rounded-full border border-[#d7b27d]/30 bg-[#d7b27d]/10 px-2.5 py-1 text-[10px] font-semibold uppercase tracking-[0.12em] text-[#f2d29f]">Launch Discount</span></div><div class="mb-1 mt-3 min-h-10"><span class="text-[15px] font-medium text-neutral-500">Loading price</span></div><h3 class="text-lg font-bold tracking-tight text-white">Mega Supporter</h3><p class="mt-2 flex-1 text-[14px] leading-relaxed text-neutral-400">The same lifetime access it always offered - now includes Bartender Pro.</p><ul class="mb-7 mt-6 space-y-2.5"><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Everything in Bartender Pro</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Lifetime access</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>All future upgrades forever</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Every version of bartender ever</li><li class="flex items-start gap-2.5 text-[14px] text-neutral-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-neutral-500" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20,6 9,17 4,12"></polyline></svg>Includes Bartender 6 for Tahoe, and 7 for Golden Gate</li></ul><button type="button" disabled="" class="block w-full rounded-full border border-white/[0.1] py-2.5 text-center text-[14px] font-semibold text-neutral-300 transition-colors hover:border-white/[0.2] hover:bg-white/[0.04] disabled:cursor-not-allowed disabled:opacity-60">Become a Mega Supporter</button></div></div></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.3s"><p class="mx-auto mt-8 max-w-md text-center text-[13px] text-neutral-500">Already a Bartender user? Nothing changes for you. You&#x27;ll still get the same updates and features with no requirement to subscribe. Existing Mega Supporters also get access to Pro.</p></div></div></section><div class="mx-auto max-w-[800px] border-t border-white/[0.06]"></div><section class="py-24 sm:py-32"><div class="mx-auto max-w-[900px] px-5 sm:px-8"><div class="mb-12 text-center"><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><span class="mb-5 inline-block text-[11px] font-semibold uppercase tracking-[0.15em] text-neutral-500">FAQ</span></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.1s"><h2 class="text-[clamp(1.75rem,4vw,3rem)] font-extrabold leading-[1.1] tracking-[-0.03em] text-white">Bartender Pro, explained.</h2></div></div><div class="space-y-3">
36<div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><button type="button" class="w-full rounded-2xl border border-white/[0.08] bg-white/[0.02] px-5 py-4 text-left transition-colors hover:border-white/[0.16]"><div class="flex items-center justify-between gap-4"><h3 class="text-[15px] font-semibold text-white sm:text-[17px]">What&#x27;s included in Bartender Pro?</h3><span class="text-xl leading-none text-neutral-400">-</span></div><p class="mt-3 text-[14px] leading-relaxed text-neutral-400">Bartender Pro includes everything in Bartender 7, plus Top Shelf and future Pro tools as they&#x27;re released.</p></button></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.05s"><button type="button" class="w-full rounded-2xl border border-white/[0.08] bg-white/[0.02] px-5 py-4 text-left transition-colors hover:border-white/[0.16]"><div class="flex items-center justify-between gap-4"><h3 class="text-[15px] font-semibold text-white sm:text-[17px]">Do I need a subscription to keep using Bartender 7?</h3><span class="text-xl leading-none text-neutral-400">+</span></div></button></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.1s"><button type="button" class="w-full rounded-2xl border border-white/[0.08] bg-white/[0.02] px-5 py-4 text-left transition-colors hover:border-white/[0.16]"><div class="flex items-center justify-between gap-4"><h3 class="text-[15px] font-semibold text-white sm:text-[17px]">Can I upgrade from Bartender 7 to Pro later?</h3><span class="text-xl leading-none text-neutral-400">+</span></div></button></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.15000000000000002s"><button type="button" class="w-full rounded-2xl border border-white/[0.08] bg-white/[0.02] px-5 py-4 text-left transition-colors hover:border-white/[0.16]"><div class="flex items-center justify-between gap-4"><h3 class="text-[15px] font-semibold text-white sm:text-[17px]">Is Top Shelf only for MacBooks with a notch?</h3><span class="text-xl leading-none text-neutral-400">+</span></div></button></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.2s"><button type="button" class="w-full rounded-2xl border border-white/[0.08] bg-white/[0.02] px-5 py-4 text-left transition-colors hover:border-white/[0.16]"><div class="flex items-center justify-between gap-4"><h3 class="text-[15px] font-semibold text-white sm:text-[17px]">What if I&#x27;m already a Mega Supporter?</h3><span class="text-xl leading-none text-neutral-400">+</span></div></button></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.25s"><button type="button" class="w-full rounded-2xl border border-white/[0.08] bg-white/[0.02] px-5 py-4 text-left transition-colors hover:border-white/[0.16]"><div class="flex items-center justify-between gap-4"><h3 class="text-[15px] font-semibold text-white sm:text-[17px]">Will more Pro features be added over time?</h3><span class="text-xl leading-none text-neutral-400">+</span></div></button></div></div></div></section><section class="px-5 py-24 text-center sm:px-8 sm:py-32"><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0s"><h2 class="mx-auto max-w-2xl text-[clamp(1.75rem,5vw,3.5rem)] font-extrabold leading-[1.08] tracking-[-0.035em]"><span class="text-white">Your menu bar, perfected.</span><br/><span class="text-neutral-600">Your notch, transformed.</span></h2></div><div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.15s"><p class="mx-auto mt-6 max-w-md text-lg text-neutral-400">Bartender Pro is available now. The next chapter starts here.</p></div>
36<div class="transition-all duration-700 ease-[cubic-bezier(0.25,0.46,0.45,0.94)] translate-y-7 opacity-0 " style="transition-delay:0.25s"><button type="button" disabled="" class="mt-8 inline-flex rounded-full bg-white px-8 py-3.5 text-[15px] font-semibold text-[#0A0A0A] transition-colors hover:bg-neutral-200 disabled:cursor-not-allowed disabled:opacity-60">Get Bartender Pro</button></div></section><footer class="border-t border-white/[0.06] py-8"><div class="mx-auto flex max-w-[1200px] flex-col items-center justify-between gap-4 px-5 sm:flex-row sm:px-8"><div class="flex items-center gap-2"><img src="/BartenderPro/icons/bartender-pro-2-icon.png" alt="Bartender Pro" class="h-5 w-5 rounded-[4px]"/><span class="text-[13px] text-neutral-500">Copyright © <!-- -->2026<!-- --> Applause Group, Inc.</span></div><div class="flex items-center gap-6"><a href="https://x.com/macbartender" aria-label="Follow Bartender on X" class="text-neutral-500 transition-colors hover:text-neutral-300"><svg class="h-4 w-4" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M18.244 2.25h3.308l-7.227 8.26L23 21.75h-6.782l-5.31-6.933L4.84 21.75H1.53l7.73-8.835L1 2.25h6.955l4.8 6.348zm-1.161 17.52h1.833L6.962 4.126H4.996z"></path></svg></a></div></div></footer></div><!--$--><!--/$--></main></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
36<script src="/_next/static/chunks/webpack-f4c03331c6108ea5.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT" id="_R_" async=""></script>
36<script>(self.__next_f=self.__next_f||[]).push([0])</script>
36<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[3808,[\"7767\",\"static/chunks/dc07ed8c-22744f8755b96795.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"549\",\"static/chunks/549-6079e548458684fa.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"7197\",\"static/chunks/7197-63a3e7e78fb80f77.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"3352\",\"static/chunks/3352-47afa847cbecf314.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"7177\",\"static/chunks/app/layout-aef8c5de78d9c301.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\"],\"default\"]\n3:I[1876,[\"7767\",\"static/chunks/dc07ed8c-22744f8755b96795.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"549\",\"static/chunks/549-6079e548458684fa.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"7197\",\"static/chunks/7197-63a3e7e78fb80f77.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"3352\",\"static/chunks/3352-47afa847cbecf314.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"7177\",\"static/chunks/app/layout-aef8c5de78d9c301.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\"],\"default\"]\n4:I[9766,[],\"\"]\n5:I[8924,[],\"\"]\n6:I[5530,[\"7767\",\"static/chunks/dc07ed8c-22744f8755b96795.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"549\",\"static/chunks/549-6079e548458684fa.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"7197\",\"static/chunks/7197-63a3e7e78fb80f77.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"3352\",\"static/chunks/3352-47afa847cbecf314.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"7177\",\"static/chunks/app/layout-aef8c5de78d9c301.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\"],\"default\"]\n7:I[8955,[\"7767\",\"static/chunks/dc07ed8c-22744f8755b96795.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"549\",\"static/chunks/549-6079e548458684fa.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"7197\",\"static/chunks/7197-63a3e7e78fb80f77.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"3352\",\"static/chunks/3352-47afa847cbecf314.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"7177\",\"static/chunks/app/layout-aef8c5de78d9c301.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\"],\"Analytics\"]\n8:I[1959,[],\"ClientPageRoot\"]\n9:I[4877,[\"549\",\"static/chunks/549-6079e548458684fa.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"1356\",\"static/chunks/1356-6ef572ce1a2c129a.js?dpl"])</script>
36<script>self.__next_f.push([1,"=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"5919\",\"static/chunks/5919-6c4036b801c3392f.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"3352\",\"static/chunks/3352-47afa847cbecf314.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"1246\",\"static/chunks/1246-1c749e91dadb6a78.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"1342\",\"static/chunks/app/pro/page-a2552833f125ab9a.js?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\"],\"default\"]\nc:I[4431,[],\"OutletBoundary\"]\ne:I[5278,[],\"AsyncMetadataOutlet\"]\n10:I[4431,[],\"ViewportBoundary\"]\n12:I[4431,[],\"MetadataBoundary\"]\n13:\"$Sreact.suspense\"\n15:I[7150,[],\"\"]\n:HL[\"/_next/static/css/20e647f31f657b14.css?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"style\"]\n:HL[\"/_next/static/css/446afa299dfca43f.css?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"style\"]\n"])</script>
36<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"a8ihhv3AKrjYL8TNL-ER6\",\"p\":\"\",\"c\":[\"\",\"pro\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"pro\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/20e647f31f657b14.css?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"dark\",\"style\":{\"colorScheme\":\"dark\"},\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"link\",null,{\"href\":\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined\",\"rel\":\"stylesheet\"}]}],[\"$\",\"body\",null,{\"className\":\"bg-black text-white antialiased\",\"children\":[[\"$\",\"$L2\",null,{}],[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"min-h-screen flex items-center justify-center bg-gradient-to-b from-gray-100 to-white dark:from-gray-900 dark:to-black text-gray-900 dark:text-white\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-6xl font-bold mb-4\",\"children\":\"404\"}],[\"$\",\"p\",null,{\"className\":\"text-xl mb-8\",\"children\":\"Page not found\"}],[\"$\",\"a\",null,{\"href\":\"/\",\"className\":\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-full\",\"children\":\"Go to Homepage\"}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L6\",null,{}],[\"$\",\"$L7\",null,{}]]}]]}]]}],{\"children\":[\"pro\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"div\",null,{\"className\":\"min-h-screen bg-[linear-gradient(180deg,#0b1020_0%,#05070f_45%,#000000_100%)] text-white\",\"style\":{\"colorScheme\":\"dark\"},\"children\":[\"$\",\"main\",null,{\"children\":[\"$\",\"$L4\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L5\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L8\",null,{\"Component\":\"$9\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@a\",\"$@b\"]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/446afa299dfca43f.css?dpl=dpl_9fsfjxYD9nV7oycPJKMKLWJzMbRT\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$Lc\",null,{\"children\":[\"$Ld\",[\"$\",\"$Le\",null,{\"promise\":\"$@f\"}]]}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L10\",null,{\"children\":\"$L11\"}],null],[\"$\",\"$L12\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$13\",null,{\"fallback\":null,\"children\":\"$L14\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$15\",[]],\"s\":false,\"S\":true}\n"])</script>
36<script>self.__next_f.push([1,"a:{}\nb:\"$0:f:0:1:2:children:2:children:1:props:children:0:props:params\"\n"])</script>
36<script>self.__next_f.push([1,"11:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nd:null\n"])</script>
36<script>self.__next_f.push([1,"16:I[622,[],\"IconMark\"]\n"])</script>
36<script>self.__next_f.push([1,"f:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Bartender Pro\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Bartender Pro expands what your menu bar and your Mac are capable of, starting with Top Shelf.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"application-name\",\"content\":\"Bartender\"}],[\"$\",\"link\",\"3\",{\"rel\":\"author\",\"href\":\"https://www.macbartender.com\"}],[\"$\",\"meta\",\"4\",{\"name\":\"author\",\"content\":\"Applause Group, Inc.\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Applause Group, Inc.\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"Applause Group, Inc.\"}],[\"$\",\"meta\",\"7\",{\"name\":\"category\",\"content\":\"productivity software\"}],[\"$\",\"link\",\"8\",{\"rel\":\"canonical\",\"href\":\"https://www.macbartender.com/pro/\"}],[\"$\",\"meta\",\"9\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"Bartender Pro\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Bartender Pro expands what your menu bar and your Mac are capable of, starting with Top Shelf.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://www.macbartender.com/pro/\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:site_name\",\"content\":\"Bartender\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://www.macbartender.com/Bartender6/img/btpro-hero-2.png\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:image:height\",\"content\":\"1350\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:image:alt\",\"content\":\"Bartender Pro Top Shelf in the Mac menu bar\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:site\",\"content\":\"@macbartender\"}],[\"$\",\"meta\",\"22\",{\"name\":\"twitter:title\",\"content\":\"Bartender Pro\"}],[\"$\",\"meta\",\"23\",{\"name\":\"twitter:description\",\"content\":\"Bartender Pro expands what your menu bar and your Mac are capable of, starting with Top Shelf.\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:image\",\"content\":\"https://www.macbartender.com/Bartender6/img/btpro-hero-2.png\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:image:width\",\"content\":\"2400\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:image:height\",\"content\":\"1350\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:image:alt\",\"content\":\"Bartender Pro Top Shelf in the Mac menu bar\"}],[\"$\",\"link\",\"28\",{\"rel\":\"shortcut icon\",\"href\":\"/Bartender5/img/favicon.ico\"}],[\"$\",\"link\",\"29\",{\"rel\":\"icon\",\"href\":\"/Bartender5/img/favicon.ico\"}],[\"$\",\"link\",\"30\",{\"rel\":\"apple-touch-icon\",\"href\":\"/Bartender6/img/bartender6icon.png\"}],[\"$\",\"$L16\",\"31\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
36<script>self.__next_f.push([1,"14:\"$f:metadata\"\n"])</script>
36</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.