<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Murat Esmer | Composer, Builder, Growth Strategist</title>
    <meta name="description" content="Murat Esmer. Founder, composer, and growth strategist. Twelve albums. Eight ventures. One continuous thread: building with intention." />
    <meta name="keywords" content="Murat Esmer, growth strategist, entrepreneur, music producer, electronic music, ambient, trip-hop, downtempo, ARS Media, Habitist, SeoAI, Bypats, The Sound Vault, product-led growth, SEO, digital marketing, Substack, UK, Turkey" />
    <meta name="author" content="Murat Esmer" />
    <meta name="robots" content="index, follow" />
    <link rel="canonical" href="https://muratesmer.com" />

    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="Murat Esmer" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:url" content="https://muratesmer.com" />
    <meta property="og:title" content="Murat Esmer | Composer, Builder, Growth Strategist" />
    <meta property="og:description" content="Murat Esmer. Founder, composer, and growth strategist. Twelve albums. Eight ventures. One continuous thread: building with intention." />
    <meta property="og:image" content="https://muratesmer.com/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@muratesmercom" />
    <meta name="twitter:creator" content="@muratesmercom" />
    <meta name="twitter:title" content="Murat Esmer | Composer, Builder, Growth Strategist" />
    <meta name="twitter:description" content="Murat Esmer. Founder, composer, and growth strategist. Twelve albums. Eight ventures. One continuous thread: building with intention." />
    <meta name="twitter:image" content="https://muratesmer.com/og-image.png" />

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Person",
      "name": "Murat Esmer",
      "url": "https://muratesmer.com/about",
      "image": "https://muratesmer.com/murat.jpg",
      "jobTitle": "Growth Strategist",
      "description": "Founder, composer, and growth strategist. Building ventures, producing music, and scaling products with intention. Based between the UK and Turkey.",
      "knowsAbout": [
        "Product-Led Growth",
        "Growth Marketing",
        "SEO & Content Strategy",
        "Conversion Optimization",
        "Data Analytics",
        "Digital Product Development",
        "Electronic Music Production",
        "Community Building"
      ],
      "sameAs": [
        "https://www.linkedin.com/in/muratesmer/",
        "https://x.com/muratesmercom",
        "https://muratesmer.substack.com",
        "https://soundcloud.com/muratesmer",
        "https://muratesmer.bandcamp.com",
        "https://www.last.fm/user/esmerinho"
      ],
      "worksFor": {
        "@type": "Organization",
        "name": "ARS Media",
        "url": "https://arsmedia.co.uk"
      },
      "nationality": [
        { "@type": "Country", "name": "United Kingdom" },
        { "@type": "Country", "name": "Turkey" }
      ]
    }
    </script>
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "MusicGroup",
      "name": "Murat Esmer",
      "url": "https://muratesmer.bandcamp.com",
      "genre": ["Ambient", "Trip-Hop", "Downtempo", "Experimental Electronic", "Cinematic"],
      "description": "Electronic music producer with twelve albums spanning ambient, trip-hop, downtempo, and experimental electronic, released from 2007 to present.",
      "sameAs": [
        "https://soundcloud.com/muratesmer",
        "https://muratesmer.bandcamp.com"
      ],
      "album": [
        { "@type": "MusicAlbum", "name": "Unfinished Empathy", "datePublished": "2012", "url": "https://muratesmer.bandcamp.com/album/unfinished-empathy" },
        { "@type": "MusicAlbum", "name": "Happy Hunting Ground", "datePublished": "2011", "url": "https://muratesmer.bandcamp.com/album/happy-hunting-ground" },
        { "@type": "MusicAlbum", "name": "Huntitled XI", "datePublished": "2010", "url": "https://muratesmer.bandcamp.com/album/huntitled-xi" },
        { "@type": "MusicAlbum", "name": "Uzak", "datePublished": "2010", "url": "https://muratesmer.bandcamp.com/album/uzak" },
        { "@type": "MusicAlbum", "name": "Nileppez", "datePublished": "2010", "url": "https://muratesmer.bandcamp.com/album/nileppez" },
        { "@type": "MusicAlbum", "name": "Jangle Trip", "datePublished": "2010", "url": "https://muratesmer.bandcamp.com/album/jangle-trip" },
        { "@type": "MusicAlbum", "name": "01:17", "datePublished": "2009", "url": "https://muratesmer.bandcamp.com/album/01-17" },
        { "@type": "MusicAlbum", "name": "Scaremongering", "datePublished": "2009", "url": "https://muratesmer.bandcamp.com/album/scaremongering" },
        { "@type": "MusicAlbum", "name": "Freezing Utterances", "datePublished": "2009", "url": "https://muratesmer.bandcamp.com/album/freezing-utterances" },
        { "@type": "MusicAlbum", "name": "Weird Daydreams", "datePublished": "2008", "url": "https://muratesmer.bandcamp.com/album/weird-daydreams" },
        { "@type": "MusicAlbum", "name": "The Story of an Innocent Criminal", "datePublished": "2007", "url": "https://muratesmer.bandcamp.com/album/the-story-of-an-innocent-criminal" }
      ]
    }
    </script>

    <meta name="theme-color" content="#1a1a1e" />
    <script>
      (function(){try{var t=localStorage.getItem('theme');if(t==='light'){document.documentElement.classList.add('light');}}catch(e){}})();
    </script>
    <link rel="icon" href="/favicon.ico" sizes="48x48" />
    <link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <link rel="alternate" type="application/rss+xml" title="Murat Esmer Blog" href="/rss.xml" />
    <link rel="preload" href="/fonts/urbanist-400.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/urbanist-600.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="/fonts/urbanist-700.woff2" as="font" type="font/woff2" crossorigin>
    <script defer src="https://api.pirsch.io/pa.js"
        id="pianjs"
        data-code="is9F4zD71SW5kaKqVHSxPZv0xTsgW4rV"></script>
    <style>
      *,*::before,*::after{box-sizing:border-box}
      body{margin:0;background-color:#1a1a1e;color:#e8e6e3;font-family:'Urbanist',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
      #root{min-height:100vh}
    </style>
    <script type="module" crossorigin src="/assets/index-Dup4D1Gs.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-BfNt9sSG.js">
    <link rel="modulepreload" crossorigin href="/assets/query-C32gQdj4.js">
    <link rel="stylesheet" crossorigin href="/assets/index--5a3iP7h.css">
  </head>
  <body>
    <noscript>
      <div style="padding:40px;font-family:sans-serif;text-align:center;">
        <p style="font-size:24px;font-weight:bold;">Murat Esmer</p>
        <p>Composer, Builder, Growth Strategist</p>
        <p>Founder, composer, and growth strategist. Twelve albums. Eight ventures. One continuous thread: building with intention. Based between the UK and Turkey.</p>
        <p><a href="https://www.linkedin.com/in/muratesmer/">LinkedIn</a> | <a href="https://muratesmer.substack.com">Substack</a> | <a href="https://muratesmer.bandcamp.com">Bandcamp</a></p>
        <p style="margin-top:20px;font-size:14px;opacity:0.7;">Enable JavaScript for the full interactive experience.</p>
      </div>
    </noscript>
    <div id="root"><div id="ssr-content" style="opacity:0;position:absolute;pointer-events:none"><div class="min-h-screen flex flex-col bg-[var(--site-bg)] text-[var(--site-text)]"><header class="fixed top-0 left-0 right-0 z-[9999] bg-[var(--site-nav-bg)] backdrop-blur-[16px]" data-testid="header"><div class="max-w-[1200px] mx-auto px-6 lg:px-10 h-16 flex items-center justify-between"><div class="flex items-center gap-3"><a href="/" class="text-[16px] font-semibold tracking-tight text-[var(--site-text)]" data-testid="link-home">Murat Esmer</a></div><div class="hidden md:flex items-center gap-1"><nav class="flex items-center gap-1" data-testid="nav-desktop"><a href="/career" class="px-3 py-1.5 text-[13px] font-medium text-[var(--site-text-muted)] hover:text-[var(--site-text)] transition-colors duration-200 rounded-lg" data-testid="link-nav-career">Career</a><a href="/ventures" class="px-3 py-1.5 text-[13px] font-medium text-[var(--site-text-muted)] hover:text-[var(--site-text)] transition-colors duration-200 rounded-lg" data-testid="link-nav-ventures">Ventures</a><a href="/music" class="px-3 py-1.5 text-[13px] font-medium text-[var(--site-text-muted)] hover:text-[var(--site-text)] transition-colors duration-200 rounded-lg" data-testid="link-nav-music">Music</a><a href="/community" class="px-3 py-1.5 text-[13px] font-medium text-[var(--site-text-muted)] hover:text-[var(--site-text)] transition-colors duration-200 rounded-lg" data-testid="link-nav-community">Community</a><a href="/blog" class="px-3 py-1.5 text-[13px] font-medium text-[var(--site-text-muted)] hover:text-[var(--site-text)] transition-colors duration-200 rounded-lg" data-testid="link-nav-blog">Blog</a><a href="/about" class="px-3 py-1.5 text-[13px] font-medium text-[var(--site-text-muted)] hover:text-[var(--site-text)] transition-colors duration-200 rounded-lg" data-testid="link-nav-about">About</a></nav><button class="ml-2 w-8 h-8 rounded-full flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-text)] hover:bg-[var(--site-surface)] transition-all duration-300" aria-label="Switch to light mode" data-testid="button-theme-toggle"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun w-4 h-4"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button></div><div class="md:hidden flex items-center gap-1"><button class="p-2 text-[var(--site-text-muted)] hover:text-[var(--site-text)]" aria-label="Switch to light mode" data-testid="button-theme-toggle-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun w-5 h-5"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2"></path><path d="M12 20v2"></path><path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path><path d="M2 12h2"></path><path d="M20 12h2"></path><path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path></svg></button><button class="p-2 -mr-2 text-[var(--site-text-muted)] hover:text-[var(--site-text)]" aria-label="Open menu" aria-expanded="false" aria-controls="mobile-nav" data-testid="button-mobile-menu"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu w-5 h-5"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></header><main class="flex-1"><section class="relative" data-testid="section-hero"><div class="max-w-[1200px] mx-auto px-6 lg:px-10 pt-32 pb-20 md:pt-44 md:pb-28"><div class="max-w-[780px]"><h1 class="text-[44px] md:text-[68px] font-bold leading-[1.08] tracking-[-0.03em] text-[var(--site-text)] mb-7" data-testid="text-hero-title">Building things that matter. Making music that stays.</h1><p class="text-[17px] md:text-[19px] text-[var(--site-text-secondary)] leading-[1.75] mb-10 max-w-[580px]" data-testid="text-hero-subtitle" style="opacity:0;transform:translateY(24px)">Founder, composer, and growth strategist. Twelve albums. Eight ventures. One continuous thread: building with intention. Based between the UK and Turkey.</p><div class="flex flex-wrap items-center gap-4" style="opacity:0;transform:translateY(24px)"><a href="https://cal.com/murat-esmer/15min" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2.5 px-7 py-3.5 text-[15px] font-semibold text-[var(--site-text)] border border-[var(--site-border)] rounded-full hover:bg-[var(--site-surface)] transition-all duration-300" data-testid="button-book-call"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-days w-4 h-4"><path d="M8 2v4"></path><path d="M16 2v4"></path><rect width="18" height="18" x="3" y="4" rx="2"></rect><path d="M3 10h18"></path><path d="M8 14h.01"></path><path d="M12 14h.01"></path><path d="M16 14h.01"></path><path d="M8 18h.01"></path><path d="M12 18h.01"></path><path d="M16 18h.01"></path></svg>Book a Call</a><a href="#contact" class="inline-flex items-center gap-2.5 px-7 py-3.5 text-[15px] font-semibold text-[var(--site-text)] border border-[var(--site-border)] rounded-full hover:bg-[var(--site-surface)] transition-all duration-300" data-testid="button-contact-me"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>Contact Me</a></div></div></div></section><section id="career" class="py-20 md:py-28 border-t border-[var(--site-border)]" data-testid="section-career"><div class="max-w-[1200px] mx-auto px-6 lg:px-10"><div><div class="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-14"><div style="opacity:0;transform:translateY(30px)"><h2 class="text-[30px] md:text-[42px] font-bold tracking-[-0.02em] text-[var(--site-text)] leading-[1.15]" data-testid="text-career-title">Career</h2><p class="text-[16px] text-[var(--site-text-secondary)] mt-3 max-w-lg leading-relaxed">A decade of scaling digital products from first user to millions. Growth strategy, performance marketing, and product-led thinking applied across startups and established brands in the UK, Turkey, and beyond.</p></div><div class="flex items-center gap-3 shrink-0" style="opacity:0;transform:translateY(30px)"><a href="/career" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 group" data-testid="link-career-page">View Full Career<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a><a href="https://www.linkedin.com/in/muratesmer/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 group" data-testid="link-linkedin-career"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg> LinkedIn<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div class="mb-12" style="opacity:0;transform:translateY(30px)"><p class="text-[12px] font-semibold text-[var(--site-text-muted)] uppercase tracking-[0.15em] mb-5">Core Expertise</p><div class="flex flex-wrap gap-2.5"><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-growth-strategy">Growth Strategy</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-product-led-growth">Product-Led Growth</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-cro---a/b-testing">CRO &amp; A/B Testing</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-marketing-automation">Marketing Automation</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-data-analysis---attribution">Data Analysis &amp; Attribution</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-team-leadership">Team Leadership</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-budget-management">Budget Management</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-customer-retention">Customer Retention</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-multi-channel-marketing">Multi-Channel Marketing</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-demand-generation">Demand Generation</span><span class="px-4 py-2 text-[14px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-accent)] hover:text-white transition-all duration-300 cursor-default" data-testid="skill-seo---content-strategy">SEO &amp; Content Strategy</span></div></div><div style="opacity:0;transform:translateY(30px)"><p class="text-[12px] font-semibold text-[var(--site-text-muted)] uppercase tracking-[0.15em] mb-5">Tools &amp; Platforms</p><div class="grid grid-cols-5 sm:grid-cols-8 md:grid-cols-10 lg:grid-cols-13 gap-px bg-[var(--site-border)] rounded-2xl overflow-hidden"><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-ga4"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22.84 2.9982v17.9987c.0086 1.6473-1.3197 2.9897-2.967 2.9984a2.9808 2.9808 0 01-.3677-.0208c-1.528-.226-2.6477-1.5558-2.6105-3.1V3.1204c-.0369-1.5458 1.0856-2.8762 2.6157-3.1 1.6361-.1915 3.1178.9796 3.3093 2.6158.014.1201.0208.241.0202.3619zM4.1326 18.0548c-1.6417 0-2.9726 1.331-2.9726 2.9726C1.16 22.6691 2.4909 24 4.1326 24s2.9726-1.3309 2.9726-2.9726-1.331-2.9726-2.9726-2.9726zm7.8728-9.0098c-.0171 0-.0342 0-.0513.0003-1.6495.0904-2.9293 1.474-2.891 3.1256v7.9846c0 2.167.9535 3.4825 2.3505 3.763 1.6118.3266 3.1832-.7152 3.5098-2.327.04-.1974.06-.3983.0593-.5998v-8.9585c.003-1.6474-1.33-2.9852-2.9773-2.9882z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">GA4</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-adobe-analytics"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Adobe Analytics</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-hotjar"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M10.119 9.814C12.899 8.27 16.704 6.155 16.704 0h-4.609c0 3.444-1.676 4.375-4.214 5.786C5.1 7.33 1.295 9.444 1.295 15.6h4.61c0-3.444 1.676-4.376 4.214-5.786zM18.096 8.4c0 3.444-1.677 4.376-4.215 5.785-2.778 1.544-6.585 3.66-6.585 9.815h4.609c0-3.444 1.676-4.376 4.214-5.786 2.78-1.544 6.586-3.658 6.586-9.814h-4.609z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Hotjar</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-hubspot"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18.164 7.93V5.084a2.198 2.198 0 001.267-1.978v-.067A2.2 2.2 0 0017.238.845h-.067a2.2 2.2 0 00-2.193 2.193v.067a2.196 2.196 0 001.252 1.973l.013.006v2.852a6.22 6.22 0 00-2.969 1.31l.012-.01-7.828-6.095A2.497 2.497 0 104.3 4.656l-.012.006 7.697 5.991a6.176 6.176 0 00-1.038 3.446c0 1.343.425 2.588 1.147 3.607l-.013-.02-2.342 2.343a1.968 1.968 0 00-.58-.095h-.002a2.033 2.033 0 102.033 2.033 1.978 1.978 0 00-.1-.595l.005.014 2.317-2.317a6.247 6.247 0 104.782-11.134l-.036-.005zm-.964 9.378a3.206 3.206 0 113.215-3.207v.002a3.206 3.206 0 01-3.207 3.207z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">HubSpot</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-klaviyo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Klaviyo</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-google-ads"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M3.9998 22.9291C1.7908 22.9291 0 21.1383 0 18.9293s1.7908-3.9998 3.9998-3.9998 3.9998 1.7908 3.9998 3.9998-1.7908 3.9998-3.9998 3.9998zm19.4643-6.0004L15.4632 3.072C14.3586 1.1587 11.9121.5028 9.9988 1.6074S7.4295 5.1585 8.5341 7.0718l8.0009 13.8567c1.1046 1.9133 3.5511 2.5679 5.4644 1.4646 1.9134-1.1046 2.568-3.5511 1.4647-5.4644zM7.5137 4.8438L1.5645 15.1484A4.5 4.5 0 0 1 4 14.4297c2.5597-.0075 4.6248 2.1585 4.4941 4.7148l3.2168-5.5723-3.6094-6.25c-.4499-.7793-.6322-1.6394-.5878-2.4784z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Google Ads</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-meta-ads"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M6.915 4.03c-1.968 0-3.683 1.28-4.871 3.113C.704 9.208 0 11.883 0 14.449c0 .706.07 1.369.21 1.973a6.624 6.624 0 0 0 .265.86 5.297 5.297 0 0 0 .371.761c.696 1.159 1.818 1.927 3.593 1.927 1.497 0 2.633-.671 3.965-2.444.76-1.012 1.144-1.626 2.663-4.32l.756-1.339.186-.325c.061.1.121.196.183.3l2.152 3.595c.724 1.21 1.665 2.556 2.47 3.314 1.046.987 1.992 1.22 3.06 1.22 1.075 0 1.876-.355 2.455-.843a3.743 3.743 0 0 0 .81-.973c.542-.939.861-2.127.861-3.745 0-2.72-.681-5.357-2.084-7.45-1.282-1.912-2.957-2.93-4.716-2.93-1.047 0-2.088.467-3.053 1.308-.652.57-1.257 1.29-1.82 2.05-.69-.875-1.335-1.547-1.958-2.056-1.182-.966-2.315-1.303-3.454-1.303zm10.16 2.053c1.147 0 2.188.758 2.992 1.999 1.132 1.748 1.647 4.195 1.647 6.4 0 1.548-.368 2.9-1.839 2.9-.58 0-1.027-.23-1.664-1.004-.496-.601-1.343-1.878-2.832-4.358l-.617-1.028a44.908 44.908 0 0 0-1.255-1.98c.07-.109.141-.224.211-.327 1.12-1.667 2.118-2.602 3.358-2.602zm-10.201.553c1.265 0 2.058.791 2.675 1.446.307.327.737.871 1.234 1.579l-1.02 1.566c-.757 1.163-1.882 3.017-2.837 4.338-1.191 1.649-1.81 1.817-2.486 1.817-.524 0-1.038-.237-1.383-.794-.263-.426-.464-1.13-.464-2.046 0-2.221.63-4.535 1.66-6.088.454-.687.964-1.226 1.533-1.533a2.264 2.264 0 0 1 1.088-.285z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Meta Ads</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-linkedin-ads"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">LinkedIn Ads</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-reddit-ads"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Reddit Ads</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-tiktok-ads"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">TikTok Ads</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-zapier"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4.157 0A4.151 4.151 0 0 0 0 4.161v15.678A4.151 4.151 0 0 0 4.157 24h15.682A4.152 4.152 0 0 0 24 19.839V4.161A4.152 4.152 0 0 0 19.839 0H4.157Zm10.61 8.761h.03a.577.577 0 0 1 .23.038.585.585 0 0 1 .201.124.63.63 0 0 1 .162.431.612.612 0 0 1-.162.435.58.58 0 0 1-.201.128.58.58 0 0 1-.23.042.529.529 0 0 1-.235-.042.585.585 0 0 1-.332-.328.559.559 0 0 1-.038-.235.613.613 0 0 1 .17-.431.59.59 0 0 1 .405-.162Zm2.853 1.572c.03.004.061.004.095.004.325-.011.646.064.937.219.238.144.431.355.552.609.128.279.189.582.185.888v.193a2 2 0 0 1 0 .219h-2.498c.003.227.075.45.204.642a.78.78 0 0 0 .646.265.714.714 0 0 0 .484-.136.642.642 0 0 0 .23-.318l.915.257a1.398 1.398 0 0 1-.28.537c-.14.159-.321.284-.521.355a2.234 2.234 0 0 1-.836.136 1.923 1.923 0 0 1-1.001-.245 1.618 1.618 0 0 1-.665-.703 2.221 2.221 0 0 1-.227-1.036 1.95 1.95 0 0 1 .48-1.398 1.9 1.9 0 0 1 1.3-.488Zm-9.607.023c.162.004.325.026.48.079.207.065.4.174.563.314.26.302.393.692.366 1.088v2.276H8.53l-.109-.711h-.065c-.064.163-.155.31-.272.439a1.122 1.122 0 0 1-.374.264 1.023 1.023 0 0 1-.453.083 1.334 1.334 0 0 1-.866-.264.965.965 0 0 1-.329-.801.993.993 0 0 1 .076-.431 1.02 1.02 0 0 1 .242-.363 1.478 1.478 0 0 1 1.043-.303h.952v-.181a.696.696 0 0 0-.136-.454.553.553 0 0 0-.438-.154.695.695 0 0 0-.378.086.48.48 0 0 0-.193.254l-.99-.144a1.26 1.26 0 0 1 .257-.563c.14-.174.321-.302.533-.378.261-.091.54-.136.82-.129.053-.003.106-.007.163-.007Zm4.384.007c.174 0 .347.038.506.114.182.083.34.211.458.374.257.423.377.911.351 1.406a2.53 2.53 0 0 1-.355 1.448 1.148 1.148 0 0 1-1.009.517c-.204 0-.401-.045-.582-.136a1.052 1.052 0 0 1-.48-.457 1.298 1.298 0 0 1-.114-.234h-.045l.004 1.784h-1.059v-4.713h.904l.117.805h.057c.068-.208.177-.401.328-.56a1.129 1.129 0 0 1 .843-.344h.076v-.004Zm7.559.084h.903l.113.805h.053a1.37 1.37 0 0 1 .235-.484.813.813 0 0 1 .313-.242.82.82 0 0 1 .39-.076h.234v1.051h-.401a.662.662 0 0 0-.313.008.623.623 0 0 0-.272.155.663.663 0 0 0-.174.26.683.683 0 0 0-.027.314v1.875h-1.054v-3.666Zm-17.515.003h3.262v.896L3.73 13.104l.034.113h1.973l.042.9H2.4v-.9l1.931-1.754-.045-.117H2.441v-.896Zm11.815 0h1.055v3.659h-1.055V10.45Zm3.443.684.019.016a.69.69 0 0 0-.351.045.756.756 0 0 0-.287.204c-.11.155-.174.336-.189.522h1.545c-.034-.526-.257-.787-.74-.787h.003Zm-5.718.163c-.026 0-.057 0-.083.004a.78.78 0 0 0-.31.053.746.746 0 0 0-.257.189 1.016 1.016 0 0 0-.204.695v.064c-.015.257.057.507.204.711a.634.634 0 0 0 .253.196.638.638 0 0 0 .314.061.644.644 0 0 0 .578-.265c.14-.223.204-.48.189-.74a1.216 1.216 0 0 0-.181-.711.677.677 0 0 0-.503-.257Zm-4.509 1.266a.464.464 0 0 0-.268.102.373.373 0 0 0-.114.276c0 .053.008.106.027.155a.375.375 0 0 0 .087.132.576.576 0 0 0 .397.11v.004a.863.863 0 0 0 .563-.182.573.573 0 0 0 .211-.457v-.14h-.903Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Zapier</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-semrush"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20.698 11.911c0 .444-.226.516-.79.516-.596 0-.706-.1-.77-.554-.118-1.152-.896-2.13-2.201-2.24-.418-.034-.518-.19-.518-.706 0-.48.074-.708.446-.708 2.265.01 3.833 1.832 3.833 3.69v.002zm3.3 0c0-3.456-2.338-7.11-7.74-7.11H5.52c-.218 0-.354.11-.354.31 0 .109.082.209.156.26.388.31.97.654 1.73 1.036.743.372 1.323.616 1.903.852.246.1.336.208.336.344 0 .19-.136.308-.4.308H.372c-.254 0-.372.164-.372.326 0 .136.044.254.162.372.69.726 1.796 1.596 3.4 2.604 1.466.91 2.98 1.74 4.533 2.492.236.11.308.236.308.372-.008.154-.126.28-.4.28H4.1c-.216 0-.344.12-.344.3 0 .1.08.226.19.326.888.808 2.311 1.688 4.207 2.494 2.53 1.08 5.094 1.721 7.98 1.721 5.465 0 7.867-4.087 7.867-7.289l-.002.002zm-7.133 5.104c-2.794 0-5.132-2.276-5.132-5.114 0-2.794 2.33-5.04 5.132-5.04 2.863 0 5.111 2.24 5.111 5.04a5.086 5.086 0 0 1-5.111 5.114z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">SEMrush</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-notion"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M4.459 4.208c.746.606 1.026.56 2.428.466l13.215-.793c.28 0 .047-.28-.046-.326L17.86 1.968c-.42-.326-.981-.7-2.055-.607L3.01 2.295c-.466.046-.56.28-.374.466zm.793 3.08v13.904c0 .747.373 1.027 1.214.98l14.523-.84c.841-.046.935-.56.935-1.167V6.354c0-.606-.233-.933-.748-.887l-15.177.887c-.56.047-.747.327-.747.933zm14.337.745c.093.42 0 .84-.42.888l-.7.14v10.264c-.608.327-1.168.514-1.635.514-.748 0-.935-.234-1.495-.933l-4.577-7.186v6.952L12.21 19s0 .84-1.168.84l-3.222.186c-.093-.186 0-.653.327-.746l.84-.233V9.854L7.822 9.76c-.094-.42.14-1.026.793-1.073l3.456-.233 4.764 7.279v-6.44l-1.215-.139c-.093-.514.28-.887.747-.933zM1.936 1.035l13.31-.98c1.634-.14 2.055-.047 3.082.7l4.249 2.986c.7.513.934.653.934 1.213v16.378c0 1.026-.373 1.634-1.68 1.726l-15.458.934c-.98.047-1.448-.093-1.962-.747l-3.129-4.06c-.56-.747-.793-1.306-.793-1.96V2.667c0-.839.374-1.54 1.447-1.632z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Notion</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-webflow"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="m24 4.515-7.658 14.97H9.149l3.205-6.204h-.144C9.566 16.713 5.621 18.973 0 19.485v-6.118s3.596-.213 5.71-2.435H0V4.515h6.417v5.278l.144-.001 2.622-5.277h4.854v5.244h.144l2.72-5.244H24Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Webflow</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-squarespace"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22.655 8.719c-1.802-1.801-4.726-1.801-6.564 0l-7.351 7.35c-.45.45-.45 1.2 0 1.65.45.449 1.2.449 1.65 0l7.351-7.351c.899-.899 2.362-.899 3.264 0 .9.9.9 2.364 0 3.264l-7.239 7.239c.9.899 2.362.899 3.263 0l5.589-5.589c1.836-1.838 1.836-4.763.037-6.563zm-2.475 2.437c-.451-.45-1.201-.45-1.65 0l-7.354 7.389c-.9.899-2.361.899-3.262 0-.45-.45-1.2-.45-1.65 0s-.45 1.2 0 1.649c1.801 1.801 4.726 1.801 6.564 0l7.351-7.35c.449-.487.449-1.239.001-1.688zm-2.439-7.35c-1.801-1.801-4.726-1.801-6.564 0l-7.351 7.351c-.45.449-.45 1.199 0 1.649s1.2.45 1.65 0l7.395-7.351c.9-.899 2.371-.899 3.27 0 .451.45 1.201.45 1.65 0 .421-.487.421-1.199-.029-1.649h-.021zm-2.475 2.437c-.45-.45-1.2-.45-1.65 0l-7.351 7.389c-.899.9-2.363.9-3.265 0-.9-.899-.9-2.363 0-3.264l7.239-7.239c-.9-.9-2.362-.9-3.263 0L1.35 8.719c-1.8 1.8-1.8 4.725 0 6.563 1.801 1.801 4.725 1.801 6.564 0l7.35-7.351c.451-.488.451-1.238 0-1.688h.002z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Squarespace</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-ghost"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm.256 2.313c2.47.005 5.116 2.008 5.898 2.962l.244.3c1.64 1.994 3.569 4.34 3.569 6.966 0 3.719-2.98 5.808-6.158 7.508-1.433.766-2.98 1.508-4.748 1.508-4.543 0-8.366-3.569-8.366-8.112 0-.706.17-1.425.342-2.15.122-.515.244-1.033.307-1.549.548-4.539 2.967-6.795 8.422-7.408a4.29 4.29 0 01.49-.026Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Ghost</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-wix"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="m0 7.354 2.113 9.292h.801a1.54 1.54 0 0 0 1.506-1.218l1.351-6.34a.171.171 0 0 1 .167-.137c.08 0 .15.058.167.137l1.352 6.34a1.54 1.54 0 0 0 1.506 1.218h.805l2.113-9.292h-.565c-.62 0-1.159.43-1.296 1.035l-1.26 5.545-1.106-5.176a1.76 1.76 0 0 0-2.19-1.324c-.639.176-1.113.716-1.251 1.365l-1.094 5.127-1.26-5.537A1.33 1.33 0 0 0 .563 7.354H0zm13.992 0a.951.951 0 0 0-.951.95v8.342h.635a.952.952 0 0 0 .951-.95V7.353h-.635zm1.778 0 3.158 4.66-3.14 4.632h1.325c.368 0 .712-.181.918-.486l1.756-2.59a.12.12 0 0 1 .197 0l1.754 2.59c.206.305.55.486.918.486h1.326l-3.14-4.632L24 7.354h-1.326c-.368 0-.712.181-.918.486l-1.772 2.617a.12.12 0 0 1-.197 0L18.014 7.84a1.108 1.108 0 0 0-.918-.486H15.77z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Wix</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-shopify"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M15.337 23.979l7.216-1.561s-2.604-17.613-2.625-17.73c-.018-.116-.114-.192-.211-.192s-1.929-.136-1.929-.136-1.275-1.274-1.439-1.411c-.045-.037-.075-.057-.121-.074l-.914 21.104h.023zM11.71 11.305s-.81-.424-1.774-.424c-1.447 0-1.504.906-1.504 1.141 0 1.232 3.24 1.715 3.24 4.629 0 2.295-1.44 3.76-3.406 3.76-2.354 0-3.54-1.465-3.54-1.465l.646-2.086s1.245 1.066 2.28 1.066c.675 0 .975-.545.975-.932 0-1.619-2.654-1.694-2.654-4.359-.034-2.237 1.571-4.416 4.827-4.416 1.257 0 1.875.361 1.875.361l-.945 2.715-.02.01zM11.17.83c.136 0 .271.038.405.135-.984.465-2.064 1.639-2.508 3.992-.656.213-1.293.405-1.889.578C7.697 3.75 8.951.84 11.17.84V.83zm1.235 2.949v.135c-.754.232-1.583.484-2.394.736.466-1.777 1.333-2.645 2.085-2.971.193.501.309 1.176.309 2.1zm.539-2.234c.694.074 1.141.867 1.429 1.755-.349.114-.735.231-1.158.366v-.252c0-.752-.096-1.371-.271-1.871v.002zm2.992 1.289c-.02 0-.06.021-.078.021s-.289.075-.714.21c-.423-1.233-1.176-2.37-2.508-2.37h-.115C12.135.209 11.669 0 11.265 0 8.159 0 6.675 3.877 6.21 5.846c-1.194.365-2.063.636-2.16.674-.675.213-.694.232-.772.87-.075.462-1.83 14.063-1.83 14.063L15.009 24l.927-21.166z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Shopify</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-etsy"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M8.559 2.445c0-.325.033-.52.59-.52h7.465c1.3 0 2.02 1.11 2.54 3.193l.42 1.666h1.27c.23-4.728.43-6.784.43-6.784s-3.196.36-5.09.36H6.635L1.521.196v1.37l1.725.326c1.21.24 1.5.496 1.6 1.606 0 0 .11 3.27.11 8.64 0 5.385-.09 8.61-.09 8.61 0 .973-.39 1.333-1.59 1.573l-1.722.33V24l5.13-.165h8.55c1.935 0 6.39.165 6.39.165.105-1.17.75-6.48.855-7.064h-1.2l-1.284 2.91c-1.005 2.28-2.476 2.445-4.11 2.445h-4.906c-1.63 0-2.415-.64-2.415-2.05V12.8s3.62 0 4.79.096c.912.064 1.463.325 1.76 1.598l.39 1.695h1.41l-.09-4.278.192-4.305h-1.391l-.45 1.89c-.283 1.244-.48 1.47-1.754 1.6-1.666.17-4.815.14-4.815.14V2.45h-.05z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Etsy</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-claude"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="m4.7144 15.9555 4.7174-2.6471.079-.2307-.079-.1275h-.2307l-.7893-.0486-2.6956-.0729-2.3375-.0971-2.2646-.1214-.5707-.1215-.5343-.7042.0546-.3522.4797-.3218.686.0608 1.5179.1032 2.2767.1578 1.6514.0972 2.4468.255h.3886l.0546-.1579-.1336-.0971-.1032-.0972L6.973 9.8356l-2.55-1.6879-1.3356-.9714-.7225-.4918-.3643-.4614-.1578-1.0078.6557-.7225.8803.0607.2246.0607.8925.686 1.9064 1.4754 2.4893 1.8336.3643.3035.1457-.1032.0182-.0728-.164-.2733-1.3539-2.4467-1.445-2.4893-.6435-1.032-.17-.6194c-.0607-.255-.1032-.4674-.1032-.7285L6.287.1335 6.6997 0l.9957.1336.419.3642.6192 1.4147 1.0018 2.2282 1.5543 3.0296.4553.8985.2429.8318.091.255h.1579v-.1457l.1275-1.706.2368-2.0947.2307-2.6957.0789-.7589.3764-.9107.7468-.4918.5828.2793.4797.686-.0668.4433-.2853 1.8517-.5586 2.9021-.3643 1.9429h.2125l.2429-.2429.9835-1.3053 1.6514-2.0643.7286-.8196.85-.9046.5464-.4311h1.0321l.759 1.1293-.34 1.1657-1.0625 1.3478-.8804 1.1414-1.2628 1.7-.7893 1.36.0729.1093.1882-.0183 2.8535-.607 1.5421-.2794 1.8396-.3157.8318.3886.091.3946-.3278.8075-1.967.4857-2.3072.4614-3.4364.8136-.0425.0304.0486.0607 1.5482.1457.6618.0364h1.621l3.0175.2247.7892.522.4736.6376-.079.4857-1.2142.6193-1.6393-.3886-3.825-.9107-1.3113-.3279h-.1822v.1093l1.0929 1.0686 2.0035 1.8092 2.5075 2.3314.1275.5768-.3218.4554-.34-.0486-2.2039-1.6575-.85-.7468-1.9246-1.621h-.1275v.17l.4432.6496 2.3436 3.5214.1214 1.0807-.17.3521-.6071.2125-.6679-.1214-1.3721-1.9246L14.38 17.959l-1.1414-1.9428-.1397.079-.674 7.2552-.3156.3703-.7286.2793-.6071-.4614-.3218-.7468.3218-1.4753.3886-1.9246.3157-1.53.2853-1.9004.17-.6314-.0121-.0425-.1397.0182-1.4328 1.9672-2.1796 2.9446-1.7243 1.8456-.4128.164-.7164-.3704.0667-.6618.4008-.5889 2.386-3.0357 1.4389-1.882.929-1.0868-.0062-.1579h-.0546l-6.3385 4.1164-1.1293.1457-.4857-.4554.0608-.7467.2307-.2429 1.9064-1.3114Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Claude</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-chatgpt"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">ChatGPT</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-replit"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M2 1.5A1.5 1.5 0 0 1 3.5 0h7A1.5 1.5 0 0 1 12 1.5V8H3.5A1.5 1.5 0 0 1 2 6.5ZM12 8h8.5A1.5 1.5 0 0 1 22 9.5v5a1.5 1.5 0 0 1-1.5 1.5H12ZM2 17.5A1.5 1.5 0 0 1 3.5 16H12v6.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 2 22.5Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Replit</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-gemini"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Gemini</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-manus"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M17.3041 3.541h-3.6718l6.696 16.918H24Zm-10.6082 0L0 20.459h3.7442l1.3693-3.5527h7.0052l1.3693 3.5528h3.7442L10.5363 3.5409Zm-.3712 10.2232 2.2914-5.9456 2.2914 5.9456Z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Manus</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-antigravity"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Antigravity</span></div><div class="flex flex-col items-center gap-2 py-5 px-2 bg-[var(--site-bg)] hover:bg-[var(--site-surface)] transition-colors duration-200 group" data-testid="tool-canva"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-[18px] h-[18px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text)] transition-colors duration-300" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zM6.962 7.68c.754 0 1.337.549 1.405 1.2.069.583-.171 1.097-.822 1.406-.343.171-.48.172-.549.069-.034-.069 0-.137.069-.206.617-.514.617-.926.548-1.508-.034-.378-.308-.618-.583-.618-1.2 0-2.914 2.674-2.674 4.629.103.754.549 1.646 1.509 1.646.308 0 .65-.103.96-.24.5-.264.799-.47 1.097-.8-.073-.885.704-2.046 1.851-2.046.515 0 .926.205.96.583.068.514-.377.582-.514.582s-.378-.034-.378-.17c-.034-.138.309-.07.275-.378-.035-.206-.24-.274-.446-.274-.72 0-1.131.994-1.029 1.611.035.275.172.549.447.549.205 0 .514-.31.617-.755.068-.308.343-.514.583-.514.102 0 .17.034.205.171v.138c-.034.137-.137.548-.102.651 0 .069.034.171.17.171.092 0 .436-.18.777-.459.117-.59.253-1.298.253-1.357.034-.24.137-.48.617-.48.103 0 .171.034.205.171v.138l-.136.617c.445-.583 1.097-.994 1.508-.994.172 0 .309.102.309.274 0 .103 0 .274-.069.446-.137.377-.309.96-.412 1.474 0 .137.035.274.207.274.171 0 .685-.206 1.096-.754l.007-.004c-.002-.068-.007-.134-.007-.202 0-.411.035-.754.104-.994.068-.274.411-.514.617-.514.103 0 .205.069.205.171 0 .035 0 .103-.034.137-.137.446-.24.857-.24 1.269 0 .24.034.582.102.788 0 .034.035.069.07.069.068 0 .548-.445.89-1.028-.308-.206-.48-.549-.48-.96 0-.72.446-1.097.858-1.097.343 0 .617.24.617.72 0 .308-.103.65-.274.96h.102a.77.77 0 0 0 .584-.24.293.293 0 0 1 .134-.117c.335-.425.83-.74 1.41-.74.48 0 .924.205.959.582.068.515-.378.618-.515.618l-.002-.002c-.138 0-.377-.035-.377-.172 0-.137.309-.068.274-.376-.034-.206-.24-.275-.446-.275-.686 0-1.13.891-1.028 1.611.034.275.171.583.445.583.206 0 .515-.308.652-.754.068-.274.343-.514.583-.514.103 0 .17.034.205.171 0 .069 0 .206-.137.652-.17.308-.171.48-.137.617.034.274.171.48.309.583.034.034.068.102.068.102 0 .069-.034.138-.137.138-.034 0-.068 0-.103-.035-.514-.205-.72-.548-.789-.891-.205.24-.445.377-.72.377-.445 0-.89-.411-.96-.926a1.609 1.609 0 0 1 .075-.649c-.203.13-.422.203-.623.203h-.17c-.447.652-.927 1.098-1.27 1.303a.896.896 0 0 1-.377.104c-.068 0-.171-.035-.205-.104-.095-.152-.156-.392-.193-.667-.481.527-1.145.805-1.453.805-.343 0-.548-.206-.582-.55v-.376c.102-.754.377-1.2.377-1.337a.074.074 0 0 0-.069-.07c-.24 0-1.028.824-1.166 1.373l-.103.445c-.068.309-.377.515-.582.515-.103 0-.172-.035-.206-.172v-.137l.046-.233c-.435.31-.87.508-1.075.508-.308 0-.48-.172-.514-.412-.206.274-.445.412-.754.412-.352 0-.696-.24-.862-.593-.244.275-.523.553-.852.764-.48.309-1.028.549-1.68.549-.582 0-1.097-.309-1.371-.583-.412-.377-.651-.96-.686-1.509-.205-1.68.823-3.84 2.4-4.8.378-.205.755-.343 1.132-.343zm9.77 3.291c-.104 0-.172.172-.172.343 0 .274.137.583.309.755a1.74 1.74 0 0 0 .102-.583c0-.343-.137-.515-.24-.515z"></path></svg><span class="text-[11px] text-[var(--site-text-muted)] group-hover:text-[var(--site-text-secondary)] text-center leading-tight transition-colors duration-300 font-medium">Canva</span></div></div></div></div></div></section><section id="ventures" class="py-20 md:py-28 border-t border-[var(--site-border)]" data-testid="section-ventures"><div class="max-w-[1200px] mx-auto px-6 lg:px-10"><div><div class="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-14"><div style="opacity:0;transform:translateY(30px)"><h2 class="text-[30px] md:text-[42px] font-bold tracking-[-0.02em] text-[var(--site-text)] leading-[1.15] mb-3" data-testid="text-ventures-title">Ventures</h2><p class="text-[16px] text-[var(--site-text-secondary)] max-w-lg leading-relaxed">Eight projects, each solving a different problem. From habit design to music curation, growth consulting to AI tools. All built independently. All still running or exited.</p></div><div class="shrink-0" style="opacity:0;transform:translateY(30px)"><a href="/ventures" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 group" data-testid="link-ventures-page">View All Ventures<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a></div></div><div class="grid md:grid-cols-2 gap-4"><div style="opacity:0;transform:translateY(30px)"><a href="https://arsmedia.co.uk" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl p-6 md:p-7 h-full group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-venture-ars-media"><div class="flex items-start justify-between gap-3 mb-3"><div><h3 class="text-[16px] font-semibold text-[var(--site-text)] mb-1">Ars Media</h3><div class="flex items-center gap-2 text-[13px] text-[var(--site-text-muted)] font-medium"><span>Founder &amp; Consultant</span><span class="w-1 h-1 rounded-full bg-[var(--site-text-muted)]"></span><span>2019 · Present</span></div></div><div class="flex items-center gap-2 shrink-0"><span class="text-[11px] font-semibold px-2.5 py-1 rounded-full bg-[var(--site-accent)] text-white">Active</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 shrink-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div><p class="text-[14px] text-[var(--site-text-secondary)] leading-[1.7] mb-3">Growth consulting for digital products. Product-led strategy, conversion optimization, and scaling from early stage to established brands.</p><p class="text-[13px] text-[var(--site-text-muted)] flex items-center gap-1.5 group-hover:text-[var(--site-accent)] transition-colors font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>arsmedia.co.uk</p></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://dobucketlist.com" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl p-6 md:p-7 h-full group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-venture-dobucketlist"><div class="flex items-start justify-between gap-3 mb-3"><div><h3 class="text-[16px] font-semibold text-[var(--site-text)] mb-1">Dobucketlist</h3><div class="flex items-center gap-2 text-[13px] text-[var(--site-text-muted)] font-medium"><span>Founder</span><span class="w-1 h-1 rounded-full bg-[var(--site-text-muted)]"></span><span>2025 · Present</span></div></div><div class="flex items-center gap-2 shrink-0"><span class="text-[11px] font-semibold px-2.5 py-1 rounded-full bg-[var(--site-accent)] text-white">Active</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 shrink-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div><p class="text-[14px] text-[var(--site-text-secondary)] leading-[1.7] mb-3">Turn bucket lists into action plans. AI-powered step generation with community accountability. Dream it, plan it, do it.</p><p class="text-[13px] text-[var(--site-text-muted)] flex items-center gap-1.5 group-hover:text-[var(--site-accent)] transition-colors font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>dobucketlist.com</p></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://habit.ist" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl p-6 md:p-7 h-full group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-venture-habitist"><div class="flex items-start justify-between gap-3 mb-3"><div><h3 class="text-[16px] font-semibold text-[var(--site-text)] mb-1">Habitist</h3><div class="flex items-center gap-2 text-[13px] text-[var(--site-text-muted)] font-medium"><span>Founder</span><span class="w-1 h-1 rounded-full bg-[var(--site-text-muted)]"></span><span>2025 · Present</span></div></div><div class="flex items-center gap-2 shrink-0"><span class="text-[11px] font-semibold px-2.5 py-1 rounded-full bg-[var(--site-accent)] text-white">Active</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 shrink-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div><p class="text-[14px] text-[var(--site-text-secondary)] leading-[1.7] mb-3">Habit tracking meets behavioral design. Build better habits through community accountability and psychology-backed systems.</p><p class="text-[13px] text-[var(--site-text-muted)] flex items-center gap-1.5 group-hover:text-[var(--site-accent)] transition-colors font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>habit.ist</p></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://bypats.base44.app" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl p-6 md:p-7 h-full group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-venture-bypats"><div class="flex items-start justify-between gap-3 mb-3"><div><h3 class="text-[16px] font-semibold text-[var(--site-text)] mb-1">Bypats</h3><div class="flex items-center gap-2 text-[13px] text-[var(--site-text-muted)] font-medium"><span>Founder</span><span class="w-1 h-1 rounded-full bg-[var(--site-text-muted)]"></span><span>2025 · Present</span></div></div><div class="flex items-center gap-2 shrink-0"><span class="text-[11px] font-semibold px-2.5 py-1 rounded-full bg-[var(--site-accent)] text-white">Active</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 shrink-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div><p class="text-[14px] text-[var(--site-text-secondary)] leading-[1.7] mb-3">Resume optimization that speaks to both humans and algorithms. Beat ATS screening without losing your story.</p><p class="text-[13px] text-[var(--site-text-muted)] flex items-center gap-1.5 group-hover:text-[var(--site-accent)] transition-colors font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>bypats.base44.app</p></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://seoai.club" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl p-6 md:p-7 h-full group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-venture-seoai"><div class="flex items-start justify-between gap-3 mb-3"><div><h3 class="text-[16px] font-semibold text-[var(--site-text)] mb-1">SeoAI</h3><div class="flex items-center gap-2 text-[13px] text-[var(--site-text-muted)] font-medium"><span>Founder</span><span class="w-1 h-1 rounded-full bg-[var(--site-text-muted)]"></span><span>2025 · Present</span></div></div><div class="flex items-center gap-2 shrink-0"><span class="text-[11px] font-semibold px-2.5 py-1 rounded-full bg-[var(--site-accent)] text-white">Active</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 shrink-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div><p class="text-[14px] text-[var(--site-text-secondary)] leading-[1.7] mb-3">AI-powered SEO for content creators. Real-time optimization, keyword intelligence, and performance analytics in one platform.</p><p class="text-[13px] text-[var(--site-text-muted)] flex items-center gap-1.5 group-hover:text-[var(--site-accent)] transition-colors font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>seoai.club</p></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://thesoundvault.info" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl p-6 md:p-7 h-full group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-venture-the-sound-vault"><div class="flex items-start justify-between gap-3 mb-3"><div><h3 class="text-[16px] font-semibold text-[var(--site-text)] mb-1">The Sound Vault</h3><div class="flex items-center gap-2 text-[13px] text-[var(--site-text-muted)] font-medium"><span>Founder</span><span class="w-1 h-1 rounded-full bg-[var(--site-text-muted)]"></span><span>2024 · Present</span></div></div><div class="flex items-center gap-2 shrink-0"><span class="text-[11px] font-semibold px-2.5 py-1 rounded-full bg-[var(--site-accent)] text-white">Active</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-4 h-4 text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-all duration-300 shrink-0"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></div></div><p class="text-[14px] text-[var(--site-text-secondary)] leading-[1.7] mb-3">Music discovery, one unforgettable track at a time. Rare finds, forgotten gems, and timeless classics. Curated with intention.</p><p class="text-[13px] text-[var(--site-text-muted)] flex items-center gap-1.5 group-hover:text-[var(--site-accent)] transition-colors font-medium"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe w-3 h-3"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg>thesoundvault.info</p></a></div><div style="opacity:0;transform:translateY(30px)"><div class="bg-[var(--site-surface)] rounded-2xl p-6 md:p-7 h-full" data-testid="card-venture-terra-mineral"><div class="flex items-start justify-between gap-3 mb-3"><div><h3 class="text-[16px] font-semibold text-[var(--site-text)] mb-1">Terra Mineral</h3><div class="flex items-center gap-2 text-[13px] text-[var(--site-text-muted)] font-medium"><span>Co-Founder</span><span class="w-1 h-1 rounded-full bg-[var(--site-text-muted)]"></span><span>2017 · 2019</span></div></div><div class="flex items-center gap-2 shrink-0"><span class="text-[11px] font-semibold px-2.5 py-1 rounded-full bg-[var(--site-icon-bg)] text-[var(--site-text-muted)]">Exited</span></div></div><p class="text-[14px] text-[var(--site-text-secondary)] leading-[1.7] mb-3">Mining venture focused on sustainable resource extraction and operational efficiency in emerging markets.</p></div></div><div style="opacity:0;transform:translateY(30px)"><div class="bg-[var(--site-surface)] rounded-2xl p-6 md:p-7 h-full" data-testid="card-venture-dotzam"><div class="flex items-start justify-between gap-3 mb-3"><div><h3 class="text-[16px] font-semibold text-[var(--site-text)] mb-1">Dotzam</h3><div class="flex items-center gap-2 text-[13px] text-[var(--site-text-muted)] font-medium"><span>Co-Founder</span><span class="w-1 h-1 rounded-full bg-[var(--site-text-muted)]"></span><span>2017</span></div></div><div class="flex items-center gap-2 shrink-0"><span class="text-[11px] font-semibold px-2.5 py-1 rounded-full bg-[var(--site-icon-bg)] text-[var(--site-text-muted)]">Exited</span></div></div><p class="text-[14px] text-[var(--site-text-secondary)] leading-[1.7] mb-3">Food delivery and virtual payment gateway targeting the Zambian market. Explored e-commerce and fintech in emerging economies.</p></div></div></div></div></div></section><section id="music" class="py-20 md:py-28 border-t border-[var(--site-border)]" data-testid="section-music"><div class="max-w-[1200px] mx-auto px-6 lg:px-10"><div><div class="flex flex-col md:flex-row md:items-end justify-between gap-6 mb-14" style="opacity:0;transform:translateY(30px)"><div><h2 class="text-[30px] md:text-[42px] font-bold tracking-[-0.02em] text-[var(--site-text)] leading-[1.15]" data-testid="text-music-title">Music</h2><p class="text-[16px] text-[var(--site-text-secondary)] mt-3 max-w-lg leading-relaxed">Twelve albums. Eighteen years. Ambient, cinematic, downtempo. All independently composed, produced, mixed, and mastered. Started in 2007. Never stopped.</p></div><div class="flex items-center gap-3 shrink-0"><a href="/music" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 group" data-testid="link-music-page">View All Albums<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a><a href="https://soundcloud.com/muratesmer" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-4 py-2 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300" data-testid="link-soundcloud"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.999 14.165c-.052 1.796-1.612 3.169-3.4 3.169h-8.18a.68.68 0 0 1-.675-.683V7.862a.747.747 0 0 1 .452-.724s.75-.513 2.333-.513a5.364 5.364 0 0 1 2.763.755 5.433 5.433 0 0 1 2.57 3.54c.282-.08.574-.121.868-.12.884 0 1.73.358 2.347.992s.948 1.49.922 2.373ZM10.721 8.421c.247 2.98.427 5.697 0 8.672a.264.264 0 0 1-.53 0c-.395-2.946-.22-5.718 0-8.672a.264.264 0 0 1 .53 0ZM9.072 9.448c.285 2.659.37 4.986-.006 7.655a.277.277 0 0 1-.55 0c-.331-2.63-.256-5.02 0-7.655a.277.277 0 0 1 .556 0Zm-1.663-.257c.27 2.726.39 5.171 0 7.904a.266.266 0 0 1-.532 0c-.38-2.69-.257-5.21 0-7.904a.266.266 0 0 1 .532 0Zm-1.647.77a26.108 26.108 0 0 1-.008 7.147.272.272 0 0 1-.542 0 27.955 27.955 0 0 1 0-7.147.275.275 0 0 1 .55 0Zm-1.67 1.769c.421 1.865.228 3.5-.029 5.388a.257.257 0 0 1-.514 0c-.21-1.858-.398-3.549 0-5.389a.272.272 0 0 1 .543 0Zm-1.655-.273c.388 1.897.26 3.508-.01 5.412-.026.28-.514.283-.54 0-.244-1.878-.347-3.54-.01-5.412a.283.283 0 0 1 .56 0Zm-1.668.911c.4 1.268.257 2.292-.026 3.572a.257.257 0 0 1-.514 0c-.241-1.262-.354-2.312-.023-3.572a.283.283 0 0 1 .563 0Z"></path></svg> SoundCloud</a></div></div><div class="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-5 lg:grid-cols-6 gap-5 md:gap-6"><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-0"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a4116984422_2.jpg" alt="The Tolerance Trilogy" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">The Tolerance Trilogy</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2026</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-1"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a0001829563_2.jpg" alt="Unfinished Empathy" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Unfinished Empathy</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2012</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-2"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a2388039342_2.jpg" alt="Happy Hunting Ground" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Happy Hunting Ground</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2011</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-3"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a1146874310_2.jpg" alt="Huntitled XI" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Huntitled XI</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2010</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-4"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a1729321856_2.jpg" alt="Uzak" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Uzak</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2010</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-5"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a0451386745_2.jpg" alt="Nileppez" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Nileppez</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2010</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-6"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a0474240720_2.jpg" alt="Jangle Trip" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Jangle Trip</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2010</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-7"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a4117630607_2.jpg" alt="01:17" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">01:17</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2009</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-8"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a3088034247_2.jpg" alt="Scaremongering" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Scaremongering</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2009</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-9"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a1856418619_2.jpg" alt="Freezing Utterances" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Freezing Utterances</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2009</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-10"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a2825416756_2.jpg" alt="Weird Daydreams" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">Weird Daydreams</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2008</p></a></div><div style="opacity:0;transform:scale(0.96)"><a href="/music" class="group block" data-testid="card-album-11"><div class="aspect-square rounded-2xl overflow-hidden mb-3 relative bg-[var(--site-surface)] ring-1 ring-[var(--site-border)]"><img src="https://f4.bcbits.com/img/a0472698013_2.jpg" alt="The Story of an Innocent Criminal" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-110" loading="lazy"/><div class="absolute inset-0 bg-black/0 group-hover:bg-black/25 transition-all duration-300 flex items-center justify-center"><div class="w-11 h-11 rounded-full bg-white/90 backdrop-blur-sm flex items-center justify-center opacity-0 group-hover:opacity-100 transition-all duration-300 shadow-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4 text-neutral-800 ml-0.5"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg></div></div></div><p class="text-[14px] font-semibold text-[var(--site-text)] truncate">The Story of an Innocent Criminal</p><p class="text-[12px] text-[var(--site-text-secondary)] mt-0.5 font-medium">2007</p></a></div></div></div></div></section><section id="community" class="py-20 md:py-28 border-t border-[var(--site-border)]" data-testid="section-community"><div class="max-w-[1200px] mx-auto px-6 lg:px-10"><div><div class="flex flex-col md:flex-row md:items-end justify-between gap-4 mb-14" style="opacity:0;transform:translateY(30px)"><div><h2 class="text-[30px] md:text-[42px] font-bold tracking-[-0.02em] text-[var(--site-text)] leading-[1.15]" data-testid="text-community-title">Community</h2><p class="text-[16px] text-[var(--site-text-secondary)] mt-3 max-w-lg leading-relaxed">The Sound Vault. Surfacing rare finds, forgotten gems, and timeless tracks. A growing community built around one belief: great music deserves to be discovered.</p></div><div class="flex items-center gap-3 shrink-0"><a href="/community" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 group" data-testid="link-community-page">Explore The Sound Vault<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3 group-hover:translate-x-0.5 transition-transform"><path d="m9 18 6-6-6-6"></path></svg></a><a href="https://thesoundvault.info" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 shrink-0 group" data-testid="link-soundvault">thesoundvault.info<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div class="grid md:grid-cols-3 gap-5"><div style="opacity:0;transform:translateY(30px)"><a href="https://thesoundvault.info/p/artist-spotlight-iron-maidens-top" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-vault-post-0"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F8d387182-831b-47b5-b3ec-477f268eaa53_1440x810.jpeg" alt="Artist Spotlight: Iron Maiden’s Top 10 Essential Tracks ⚔️" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">May 3, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-vault-title-0">Artist Spotlight: Iron Maiden’s Top 10 Essential Tracks ⚔️</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">The East London band that turned heavy metal into literature, history, and theatre, and then took the show to every corner of the world for fifty years.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://thesoundvault.info/p/music-discovery-digest-8-ghost-signals" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-vault-post-1"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F1c98b52c-eb27-4073-be6e-3aa5306d3cc9_1440x810.jpeg" alt="Music Discovery Digest #8 | Ghosts in the Machine" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Apr 24, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-vault-title-1">Music Discovery Digest #8 | Ghosts in the Machine</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">5 tracks haunted by the songs that came before them. Samples, ghosts, and the art of building new music from the bones of old records.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://thesoundvault.info/p/death-voice-of-the-soul" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-vault-post-2"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4841176b-09b0-4a16-b791-0bc0d6acb28c_1440x810.jpeg" alt="Death | Voice of the Soul" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Apr 21, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-vault-title-2">Death | Voice of the Soul</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">Death’s “Voice of the Soul”, how Chuck Schuldiner’s most beautiful instrumental, written during the Symbolic sessions, became the emotional center of his final album before brain cancer took his life.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://thesoundvault.info/p/iron-maiden-the-thin-line-between" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-vault-post-3"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F415f64ef-5598-48a7-a8e4-0a8d8050b8b3_1440x810.jpeg" alt="Iron Maiden | The Thin Line Between Love and Hate" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Apr 21, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-vault-title-3">Iron Maiden | The Thin Line Between Love and Hate</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">Iron Maiden’s “The Thin Line Between Love and Hate” - how Dave Murray and Steve Harris closed the band’s reunion album with an 8-minute meditation on free will and immortality.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://thesoundvault.info/p/music-discovery-digest-7-hidden-meridians" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-vault-post-4"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F9342b343-2184-451f-95a0-650bdc73673a_1440x810.jpeg" alt="Music Discovery Digest #7 | Hidden Meridians Edition" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Apr 18, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-vault-title-4">Music Discovery Digest #7 | Hidden Meridians Edition</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">5 human-curated world music discoveries from Cyprus to Afghanistan, Turkey to Iraq. Music that crosses borders algorithms don’t even know exist.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://thesoundvault.info/p/fahir-atakoglu-sar-zeybek" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-vault-post-5"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F36d36253-8cc1-4449-b8a3-95b398b7e9c2_1440x810.jpeg" alt="Fahir Atakoğlu | Sarı Zeybek" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Apr 16, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-vault-title-5">Fahir Atakoğlu | Sarı Zeybek</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">The story behind Fahir Atakoğlu’s “Sarı Zeybek” - how a 7-year-old prodigy, Cemal Reşit Rey’s mentorship, and Atatürk’s last dance became Turkey’s most iconic documentary score.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div></div></div></div></section><section id="writing" class="py-20 md:py-28 border-t border-[var(--site-border)]" data-testid="section-writing"><div class="max-w-[1200px] mx-auto px-6 lg:px-10"><div><div class="flex flex-col md:flex-row md:items-end justify-between gap-4 mb-14" style="opacity:0;transform:translateY(30px)"><div><h2 class="text-[30px] md:text-[42px] font-bold tracking-[-0.02em] text-[var(--site-text)] leading-[1.15]" data-testid="text-writing-title">Writing</h2><p class="text-[16px] text-[var(--site-text-secondary)] mt-3 max-w-lg leading-relaxed">Building in public. Writing about systems, music, ventures, and the work of becoming more intentional after forty. Not advice. Documentation.</p></div><div class="flex items-center gap-3 shrink-0"><a href="/blog" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 group" data-testid="link-blog"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-3.5 h-3.5"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg> Read the Blog<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a><a href="https://muratesmer.substack.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 group" data-testid="link-substack"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"></path></svg> Read on Substack<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-3 h-3 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div></div><div class="grid md:grid-cols-3 gap-5"><div style="opacity:0;transform:translateY(30px)"><a href="https://muratesmer.substack.com/p/7-notes-keep-playing-excuses-keep" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-post-0"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstackcdn.com%2Fimage%2Ffetch%2F%24s_!iAds!%2Cf_auto%2Cq_auto%3Agood%2Cfl_progressive%3Asteep%2Fhttps%253A%252F%252Fsubstack-post-media.s3.amazonaws.com%252Fpublic%252Fimages%252F82f680d9-7c8b-4a76-80f5-d2c2fdde78de_1024x608.png" alt="#7 | Notes Keep Playing. Excuses Keep Winning." class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Apr 10, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-post-title-0">#7 | Notes Keep Playing. Excuses Keep Winning.</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">The writing reached the right people. The music found a new home. Movement is still the one I keep avoiding.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://muratesmer.substack.com/p/6-the-machine-runs-the-body-waits" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-post-1"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstackcdn.com%2Fimage%2Ffetch%2F%24s_!6Bc4!%2Cf_auto%2Cq_auto%3Agood%2Cfl_progressive%3Asteep%2Fhttps%253A%252F%252Fsubstack-post-media.s3.amazonaws.com%252Fpublic%252Fimages%252F89a9fec8-7664-4464-93ca-a0b9f7bfa83f_1024x608.png" alt="#6 | The Machine Runs. The Body Waits." class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Mar 20, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-post-title-1">#6 | The Machine Runs. The Body Waits.</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">The infrastructure is producing. The blog is alive, the music is back, the systems are tighter than ever. One thing still isn’t moving: me.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://muratesmer.substack.com/p/5-the-infrastructure-of-a-better-life" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-post-2"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstackcdn.com%2Fimage%2Ffetch%2F%24s_!bwvO!%2Cf_auto%2Cq_auto%3Agood%2Cfl_progressive%3Asteep%2Fhttps%253A%252F%252Fsubstack-post-media.s3.amazonaws.com%252Fpublic%252Fimages%252F82d47211-9e26-4e70-9ae2-175afc143fc6_1024x608.png" alt="#5 | The Infrastructure of a Better Life" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Mar 14, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-post-title-2">#5 | The Infrastructure of a Better Life</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">The infrastructure is finally in place. A rebuilt website, a new task framework, better food, and uninterrupted sleep. Documenting what actually changed.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://muratesmer.substack.com/p/4-from-uzak-to-yakn-the-album-i-had" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-post-3"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstackcdn.com%2Fimage%2Ffetch%2F%24s_!Cj3D!%2Cf_auto%2Cq_auto%3Agood%2Cfl_progressive%3Asteep%2Fhttps%253A%252F%252Fsubstack-post-media.s3.amazonaws.com%252Fpublic%252Fimages%252Fc8c1fead-ace3-418e-8975-0e9c245a09b6_1024x608.png" alt="#4 | From Uzak to Yakın: The Album I Had to Make" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Mar 8, 2026</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-post-title-3">#4 | From Uzak to Yakın: The Album I Had to Make</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">From distant to close. Reimagining old electronic tracks with piano and strings. Same composer. Different clarity. The story behind Yakın.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://muratesmer.substack.com/p/3-a-moment-of-humming" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-post-4"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstackcdn.com%2Fimage%2Ffetch%2F%24s_!DCEY!%2Cf_auto%2Cq_auto%3Agood%2Cfl_progressive%3Asteep%2Fhttps%253A%252F%252Fsubstack-post-media.s3.amazonaws.com%252Fpublic%252Fimages%252F3259a012-28a0-4086-a913-6ee9d7bcd1eb_1024x608.png" alt="#3 | A Moment of Humming" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Dec 6, 2025</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-post-title-4">#3 | A Moment of Humming</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">Releasing &#x27;A Moment of Humming&#x27; and confronting the question it asks: What are you spending your time on? On finishing old songs, music archaeology, and finally choosing the habits that matter.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="https://muratesmer.substack.com/p/2-progress-update-systems-are-starting" target="_blank" rel="noopener noreferrer" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-post-5"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="https://substackcdn.com/image/fetch/w_600,h_400,c_fill,f_auto,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstackcdn.com%2Fimage%2Ffetch%2F%24s_!PIQ9!%2Cf_auto%2Cq_auto%3Agood%2Cfl_progressive%3Asteep%2Fhttps%253A%252F%252Fsubstack-post-media.s3.amazonaws.com%252Fpublic%252Fimages%252Fb0169e51-59c8-4ee6-8ed0-ef6dfa1b73f7_1024x608.png" alt="#2 | Progress Update: Systems Are Starting to Click" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><p class="text-[12px] text-[var(--site-text-muted)] mb-2 font-medium">Nov 22, 2025</p><h3 class="text-[16px] font-semibold text-[var(--site-text)] leading-snug mb-2 line-clamp-2" data-testid="text-post-title-5">#2 | Progress Update: Systems Are Starting to Click</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">Systems beat willpower. Here&#x27;s what I learned launching habit.ist, building with Linear, and creating content that actually feels sustainable.</p><div class="flex items-center gap-1 mt-4 text-[13px] font-semibold text-[var(--site-text-muted)] group-hover:text-[var(--site-accent)] transition-colors">Read more <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-3 h-3"><path d="m9 18 6-6-6-6"></path></svg></div></div></a></div></div></div></div></section><section id="blog" class="py-20 md:py-28 border-t border-[var(--site-border)]" data-testid="section-blog"><div class="max-w-[1200px] mx-auto px-6 lg:px-10"><div><div class="flex flex-col md:flex-row md:items-end justify-between gap-4 mb-14" style="opacity:0;transform:translateY(30px)"><div><h2 class="text-[30px] md:text-[42px] font-bold tracking-[-0.02em] text-[var(--site-text)] leading-[1.15]" data-testid="text-blog-title">Blog</h2><p class="text-[16px] text-[var(--site-text-secondary)] mt-3 max-w-lg leading-relaxed">Not advice. Documentation.</p></div><a href="/blog" class="inline-flex items-center gap-2 px-5 py-2.5 text-[13px] font-medium text-[var(--site-text-secondary)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] hover:text-[var(--site-text)] transition-all duration-300 group shrink-0" data-testid="link-all-posts">All Posts<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-3 h-3 group-hover:translate-x-0.5 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="grid md:grid-cols-3 gap-4"><div style="opacity:0;transform:translateY(30px)"><a href="/blog/claude-killing-marketing-career-ladder" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-blog-claude-killing-marketing-career-ladder"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="/blog-images/claude-killing-marketing-career-ladder.jpeg" alt="Claude Is Not Killing Marketing. It Is Killing the Career Ladder." class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><div class="flex items-center gap-3 text-[12px] text-[var(--site-text-muted)] font-medium mb-2"><span>May 23, 2026</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>5<!-- --> min read</span></div><h3 class="text-[17px] md:text-[19px] font-semibold text-[var(--site-text)] leading-snug mb-2 group-hover:text-[var(--site-accent)] transition-colors" data-testid="text-blog-title-0">Claude Is Not Killing Marketing. It Is Killing the Career Ladder.</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">The Instagram videos are everywhere. &#x27;Claude replaced my entire content team.&#x27; &#x27;AI does a month of marketing in one afternoon.&#x27; Most of this is performance. But the structural part is real, and it is not where most people are looking.</p></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="/blog/replit-review-2026" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-blog-replit-review-2026"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="/blog-images/replit-review-2026.jpeg" alt="Replit Review: Written By the Agent That Built This Site" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><div class="flex items-center gap-3 text-[12px] text-[var(--site-text-muted)] font-medium mb-2"><span>April 28, 2026</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>6<!-- --> min read</span></div><h3 class="text-[17px] md:text-[19px] font-semibold text-[var(--site-text)] leading-snug mb-2 group-hover:text-[var(--site-accent)] transition-colors" data-testid="text-blog-title-1">Replit Review: Written By the Agent That Built This Site</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">An unusual Replit review written from the perspective of the AI agent that built this website, with real notes on workflow, deployment, limits, and trust.</p></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="/blog/gamma-app-made-me-faster" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-blog-gamma-app-made-me-faster"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="/blog-images/gamma-app-made-me-faster.jpeg" alt="Gamma.app Made Me Faster. I&#x27;m Not Sure That&#x27;s Only a Good Thing." class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><div class="flex items-center gap-3 text-[12px] text-[var(--site-text-muted)] font-medium mb-2"><span>April 27, 2026</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>5<!-- --> min read</span></div><h3 class="text-[17px] md:text-[19px] font-semibold text-[var(--site-text)] leading-snug mb-2 group-hover:text-[var(--site-accent)] transition-colors" data-testid="text-blog-title-2">Gamma.app Made Me Faster. I&#x27;m Not Sure That&#x27;s Only a Good Thing.</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">Gamma.app makes presentations faster than anything I have used before. Somewhere in one of those sessions, I started wondering whether speed is the right thing to optimise for.</p></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="/blog/gen-z-wants-out" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-blog-gen-z-wants-out"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="/blog-images/gen-z-wants-out.jpeg" alt="Gen Z Wants Out: The Generation That Built Social Media Is Now Trying to Escape It" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><div class="flex items-center gap-3 text-[12px] text-[var(--site-text-muted)] font-medium mb-2"><span>April 25, 2026</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>8<!-- --> min read</span></div><h3 class="text-[17px] md:text-[19px] font-semibold text-[var(--site-text)] leading-snug mb-2 group-hover:text-[var(--site-accent)] transition-colors" data-testid="text-blog-title-3">Gen Z Wants Out: The Generation That Built Social Media Is Now Trying to Escape It</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">Nearly half of Gen Z wishes social media had never been invented. The data from April 2026 is specific enough to be interesting: this is not burnout. It is something more structural, and the direction it points is already visible.</p></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="/blog/tolerance-trilogy-building-a-dystopia" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-blog-tolerance-trilogy-building-a-dystopia"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="/blog-images/tolerance-trilogy-building-a-dystopia.jpeg" alt="The Tolerance Trilogy: Building a Dystopia with the System&#x27;s Own Tools" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><div class="flex items-center gap-3 text-[12px] text-[var(--site-text-muted)] font-medium mb-2"><span>April 23, 2026</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>5<!-- --> min read</span></div><h3 class="text-[17px] md:text-[19px] font-semibold text-[var(--site-text)] leading-snug mb-2 group-hover:text-[var(--site-accent)] transition-colors" data-testid="text-blog-title-4">The Tolerance Trilogy: Building a Dystopia with the System&#x27;s Own Tools</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">A three-part trip-hop album about desensitization. Not as a philosophical abstraction but as a lived condition: the specific experience of watching the world come apart through a phone screen, in compressed increments, between other things.</p></div></a></div><div style="opacity:0;transform:translateY(30px)"><a href="/blog/revenge-of-the-humanities" class="block bg-[var(--site-surface)] rounded-2xl overflow-hidden group hover:bg-[var(--site-surface-hover)] transition-all duration-300" data-testid="card-blog-revenge-of-the-humanities"><div class="aspect-[16/10] overflow-hidden bg-[var(--site-surface-hover)]"><img src="/blog-images/revenge-of-the-humanities.jpeg" alt="The Revenge of the Humanities: Why Everything I Learned Outside the Classroom Is Now the Only Thing That Matters" class="w-full h-full object-cover transition-all duration-500 group-hover:scale-105" loading="lazy"/></div><div class="p-5 md:p-6"><div class="flex items-center gap-3 text-[12px] text-[var(--site-text-muted)] font-medium mb-2"><span>April 17, 2026</span><span class="inline-flex items-center gap-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clock w-3 h-3"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>9<!-- --> min read</span></div><h3 class="text-[17px] md:text-[19px] font-semibold text-[var(--site-text)] leading-snug mb-2 group-hover:text-[var(--site-accent)] transition-colors" data-testid="text-blog-title-5">The Revenge of the Humanities: Why Everything I Learned Outside the Classroom Is Now the Only Thing That Matters</h3><p class="text-[14px] text-[var(--site-text-secondary)] line-clamp-2 leading-relaxed">For most of the past decade, the career advice was consistent: learn to code, get technical, stop wasting time on things that cannot be measured. That advice is aging badly. Here is what changed between 2024 and 2026, and what it means for anyone building a creative practice.</p></div></a></div></div></div></div></section><section id="currently" class="py-20 md:py-28 border-t border-[var(--site-border)]" data-testid="section-currently"><div class="max-w-[1200px] mx-auto px-6 lg:px-10"><div><h2 class="text-[30px] md:text-[42px] font-bold tracking-[-0.02em] text-[var(--site-text)] leading-[1.15] mb-3" data-testid="text-currently-title" style="opacity:0;transform:translateY(30px)">Currently</h2><p class="text-[16px] text-[var(--site-text-secondary)] mb-14 max-w-lg leading-relaxed" style="opacity:0;transform:translateY(30px)">What I&#x27;m reading, watching, and listening to right now. Music column is live via Last.fm.</p><div class="grid md:grid-cols-[5fr_7fr] gap-4 md:items-stretch" style="opacity:0;transform:translateY(30px)"><div class="flex flex-col gap-4 h-full"><div class="bg-[var(--site-surface)] rounded-2xl p-5 md:p-6 flex flex-col flex-1" data-testid="card-book-0"><div class="flex items-center gap-2.5 mb-5"><div class="w-8 h-8 rounded-full bg-[var(--site-icon-bg)] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open w-4 h-4 text-[var(--site-text-secondary)]"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg></div><h3 class="text-[15px] font-semibold text-[var(--site-text)]">Reading</h3></div><div class="flex items-center gap-4 flex-1"><div class="w-36 h-52 rounded-md overflow-hidden shrink-0 shadow-md bg-[var(--site-surface-hover)]"><img src="/currently/hz-insan.jpg" alt="Hz. İnsan" class="w-full h-full object-cover" loading="lazy"/></div><div class="min-w-0"><p class="text-[16px] font-semibold text-[var(--site-text)] leading-snug">Hz. İnsan</p><p class="text-[13px] text-[var(--site-text-muted)] mt-1.5 font-medium">Dücane Cündioğlu</p></div></div></div><div class="bg-[var(--site-surface)] rounded-2xl p-5 md:p-6 flex flex-col flex-1" data-testid="card-show-0"><div class="flex items-center gap-2.5 mb-5"><div class="w-8 h-8 rounded-full bg-[var(--site-icon-bg)] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-film w-4 h-4 text-[var(--site-text-secondary)]"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M7 3v18"></path><path d="M3 7.5h4"></path><path d="M3 12h18"></path><path d="M3 16.5h4"></path><path d="M17 3v18"></path><path d="M17 7.5h4"></path><path d="M17 16.5h4"></path></svg></div><h3 class="text-[15px] font-semibold text-[var(--site-text)]">Watching</h3></div><div class="flex items-center gap-4 flex-1"><div class="w-36 h-52 rounded-md overflow-hidden shrink-0 shadow-md bg-[var(--site-surface-hover)]"><img src="/assets/emancipation-Bz_orcXv.png" alt="Emancipation" class="w-full h-full object-cover" loading="lazy"/></div><div class="min-w-0"><p class="text-[16px] font-semibold text-[var(--site-text)] leading-snug">Emancipation</p><p class="text-[13px] text-[var(--site-text-muted)] mt-1.5 font-medium">2022</p></div></div></div></div><div class="bg-[var(--site-surface)] rounded-2xl p-6 md:p-7"><div class="flex items-center justify-between mb-6"><div class="flex items-center gap-2.5"><div class="w-8 h-8 rounded-full bg-[var(--site-icon-bg)] flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-headphones w-4 h-4 text-[var(--site-text-secondary)]"><path d="M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3"></path></svg></div><h3 class="text-[15px] font-semibold text-[var(--site-text)]">Listening</h3></div><a href="https://www.last.fm/user/esmerinho" target="_blank" rel="noopener noreferrer" class="text-[12px] text-[var(--site-text-muted)] flex items-center gap-1 hover:text-[var(--site-accent)] transition-colors font-medium" data-testid="link-lastfm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3 h-3" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z"></path></svg> Live</a></div><div class="py-8 text-center"><p class="text-[13px] text-[var(--site-text-muted)] font-medium">Loading...</p></div></div></div></div></div></section><section id="contact" class="py-20 md:py-28 border-t border-[var(--site-border)]" data-testid="section-contact"><div class="max-w-[1200px] mx-auto px-6 lg:px-10"><div class="max-w-lg"><p class="text-[12px] font-semibold text-[var(--site-text-muted)] uppercase tracking-[0.15em] mb-5" style="opacity:0;transform:translateY(30px)">Contact</p><h2 class="text-[30px] md:text-[42px] font-bold tracking-[-0.02em] text-[var(--site-text)] leading-[1.15] mb-4" data-testid="text-contact-title" style="opacity:0;transform:translateY(30px)">Let&#x27;s build something.</h2><p class="text-[16px] text-[var(--site-text-secondary)] leading-relaxed mb-10" style="opacity:0;transform:translateY(30px)">Open to conversations about growth, music, product, and ideas worth building. Reach out.</p><div class="flex flex-wrap gap-3" style="opacity:0;transform:translateY(30px)"><a href="/cdn-cgi/l/email-protection#1479616675607167797166547b6160787b7b7f3a777b79" class="inline-flex items-center gap-2 px-6 py-3 text-[13px] font-semibold text-white bg-[var(--site-accent)] rounded-full hover:brightness-110 transition-all duration-300" data-testid="button-email"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail w-4 h-4"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg>Send an Email</a><a href="https://www.linkedin.com/in/muratesmer/" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-6 py-3 text-[14px] font-semibold text-[var(--site-text)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] transition-colors duration-300" data-testid="button-linkedin"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-4 h-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg>LinkedIn</a><a href="https://muratesmer.substack.com" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 px-6 py-3 text-[14px] font-semibold text-[var(--site-text)] bg-[var(--site-surface)] rounded-full hover:bg-[var(--site-surface-hover)] transition-colors duration-300" data-testid="button-substack"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-4 h-4" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"></path></svg>Subscribe</a></div></div></div></section></main><footer class="border-t border-[var(--site-border)]" data-testid="footer"><div class="max-w-[1200px] mx-auto px-6 lg:px-10 py-14"><div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-10 lg:gap-8"><div class="sm:col-span-2 lg:col-span-1"><a href="/" class="text-[16px] font-bold text-[var(--site-text)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-home">Murat Esmer</a><p class="mt-2 text-[13px] leading-[1.6] text-[var(--site-text-muted)] max-w-[200px]">Composer, builder, and growth strategist.</p><div class="flex flex-wrap items-center gap-1 mt-5"><a href="https://www.linkedin.com/in/muratesmer/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-linkedin"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://x.com/muratesmercom" target="_blank" rel="noopener noreferrer" aria-label="X" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-x"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"></path></svg></a><a href="https://www.instagram.com/muratesmer/" target="_blank" rel="noopener noreferrer" aria-label="Instagram" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-instagram"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077"></path></svg></a><a href="https://bsky.app/profile/muratesmer.bsky.social" target="_blank" rel="noopener noreferrer" aria-label="Bluesky" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-bluesky"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z"></path></svg></a><a href="https://muratesmer.substack.com" target="_blank" rel="noopener noreferrer" aria-label="Substack" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-substack"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M22.539 8.242H1.46V5.406h21.08v2.836zM1.46 10.812V24L12 18.11 22.54 24V10.812H1.46zM22.54 0H1.46v2.836h21.08V0z"></path></svg></a><a href="https://soundcloud.com/muratesmer" target="_blank" rel="noopener noreferrer" aria-label="SoundCloud" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-soundcloud"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M23.999 14.165c-.052 1.796-1.612 3.169-3.4 3.169h-8.18a.68.68 0 0 1-.675-.683V7.862a.747.747 0 0 1 .452-.724s.75-.513 2.333-.513a5.364 5.364 0 0 1 2.763.755 5.433 5.433 0 0 1 2.57 3.54c.282-.08.574-.121.868-.12.884 0 1.73.358 2.347.992s.948 1.49.922 2.373ZM10.721 8.421c.247 2.98.427 5.697 0 8.672a.264.264 0 0 1-.53 0c-.395-2.946-.22-5.718 0-8.672a.264.264 0 0 1 .53 0ZM9.072 9.448c.285 2.659.37 4.986-.006 7.655a.277.277 0 0 1-.55 0c-.331-2.63-.256-5.02 0-7.655a.277.277 0 0 1 .556 0Zm-1.663-.257c.27 2.726.39 5.171 0 7.904a.266.266 0 0 1-.532 0c-.38-2.69-.257-5.21 0-7.904a.266.266 0 0 1 .532 0Zm-1.647.77a26.108 26.108 0 0 1-.008 7.147.272.272 0 0 1-.542 0 27.955 27.955 0 0 1 0-7.147.275.275 0 0 1 .55 0Zm-1.67 1.769c.421 1.865.228 3.5-.029 5.388a.257.257 0 0 1-.514 0c-.21-1.858-.398-3.549 0-5.389a.272.272 0 0 1 .543 0Zm-1.655-.273c.388 1.897.26 3.508-.01 5.412-.026.28-.514.283-.54 0-.244-1.878-.347-3.54-.01-5.412a.283.283 0 0 1 .56 0Zm-1.668.911c.4 1.268.257 2.292-.026 3.572a.257.257 0 0 1-.514 0c-.241-1.262-.354-2.312-.023-3.572a.283.283 0 0 1 .563 0Z"></path></svg></a><a href="https://open.spotify.com/artist/4IKrpL9XERK6LvooAHwP9T" target="_blank" rel="noopener noreferrer" aria-label="Spotify" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-spotify"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"></path></svg></a><a href="https://muratesmer.bandcamp.com" target="_blank" rel="noopener noreferrer" aria-label="Bandcamp" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-bandcamp"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M0 18.75l7.437-13.5H24l-7.438 13.5H0z"></path></svg></a><a href="https://www.producthunt.com/@muratesmer" target="_blank" rel="noopener noreferrer" aria-label="Product Hunt" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-product-hunt"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M13.604 8.4h-3.405V12h3.405c.995 0 1.801-.806 1.801-1.801 0-.993-.805-1.799-1.801-1.799zM12 0C5.372 0 0 5.372 0 12s5.372 12 12 12 12-5.372 12-12S18.628 0 12 0zm1.604 14.4h-3.405V18H7.801V6h5.804c2.319 0 4.2 1.88 4.2 4.199 0 2.321-1.881 4.201-4.201 4.201z"></path></svg></a><a href="https://www.last.fm/user/esmerinho" target="_blank" rel="noopener noreferrer" aria-label="Last.fm" class="w-8 h-8 rounded-lg flex items-center justify-center text-[var(--site-text-muted)] hover:text-[var(--site-accent)] hover:bg-[var(--site-surface)] transition-all duration-200" data-testid="link-footer-last.fm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" role="img" viewBox="0 0 24 24" class="w-3.5 h-3.5" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M10.584 17.21l-.88-2.392s-1.43 1.594-3.573 1.594c-1.897 0-3.244-1.649-3.244-4.288 0-3.382 1.704-4.591 3.381-4.591 2.42 0 3.189 1.567 3.849 3.574l.88 2.749c.88 2.666 2.529 4.81 7.285 4.81 3.409 0 5.718-1.044 5.718-3.793 0-2.227-1.265-3.381-3.63-3.931l-1.758-.385c-1.21-.275-1.567-.77-1.567-1.595 0-.934.742-1.484 1.952-1.484 1.32 0 2.034.495 2.144 1.677l2.749-.33c-.22-2.474-1.924-3.492-4.729-3.492-2.474 0-4.893.935-4.893 3.932 0 1.87.907 3.051 3.189 3.601l1.87.44c1.402.33 1.869.907 1.869 1.704 0 1.017-.99 1.43-2.86 1.43-2.776 0-3.93-1.457-4.59-3.464l-.907-2.75c-1.155-3.573-2.997-4.893-6.653-4.893C2.144 5.333 0 7.89 0 12.233c0 4.18 2.144 6.434 5.993 6.434 3.106 0 4.591-1.457 4.591-1.457z"></path></svg></a></div></div><div><p class="text-[11px] uppercase tracking-[0.12em] font-semibold text-[var(--site-text-muted)] mb-4">Navigate</p><ul class="space-y-2.5"><li><a href="/career" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-nav-career">Career</a></li><li><a href="/ventures" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-nav-ventures">Ventures</a></li><li><a href="/music" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-nav-music">Music</a></li><li><a href="/community" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-nav-community">Community</a></li><li><a href="/blog" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-nav-blog">Blog</a></li><li><a href="/frameworks" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-nav-frameworks">Frameworks</a></li><li><a href="/about" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-nav-about">About</a></li></ul></div><div><p class="text-[11px] uppercase tracking-[0.12em] font-semibold text-[var(--site-text-muted)] mb-4">Projects</p><ul class="space-y-2.5"><li><a href="https://arsmedia.co.uk" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 inline-flex items-center gap-1 group" data-testid="link-footer-project-ars-media">Ars Media<span class="opacity-0 group-hover:opacity-100 transition-opacity text-[10px]">↗</span></a></li><li><a href="https://dobucketlist.com" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 inline-flex items-center gap-1 group" data-testid="link-footer-project-dobucketlist">Dobucketlist<span class="opacity-0 group-hover:opacity-100 transition-opacity text-[10px]">↗</span></a></li><li><a href="https://eksimayam.com" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 inline-flex items-center gap-1 group" data-testid="link-footer-project-ekşi-mayam">Ekşi Mayam<span class="opacity-0 group-hover:opacity-100 transition-opacity text-[10px]">↗</span></a></li><li><a href="https://habit.ist" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 inline-flex items-center gap-1 group" data-testid="link-footer-project-habitist">Habitist<span class="opacity-0 group-hover:opacity-100 transition-opacity text-[10px]">↗</span></a></li><li><a href="https://gethippo.ai" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 inline-flex items-center gap-1 group" data-testid="link-footer-project-hippo-ai">Hippo AI<span class="opacity-0 group-hover:opacity-100 transition-opacity text-[10px]">↗</span></a></li><li><a href="https://seoai.club" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 inline-flex items-center gap-1 group" data-testid="link-footer-project-seoai">SeoAI<span class="opacity-0 group-hover:opacity-100 transition-opacity text-[10px]">↗</span></a></li><li><a href="https://thesoundvault.info" target="_blank" rel="noopener noreferrer" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 inline-flex items-center gap-1 group" data-testid="link-footer-project-the-sound-vault">The Sound Vault<span class="opacity-0 group-hover:opacity-100 transition-opacity text-[10px]">↗</span></a></li></ul></div><div><p class="text-[11px] uppercase tracking-[0.12em] font-semibold text-[var(--site-text-muted)] mb-4">Writing</p><ul class="space-y-2.5"><li><a href="/blog/lava-lamp-spotify-playlist" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 leading-snug block" data-testid="link-footer-writing-lava-lamp:-the-spotify-focus-playlist-that-actually-holds-the-room">Lava Lamp: The Spotify Focus Playlist That Actually Holds the Room</a></li><li><a href="/blog/what-substack-gets-right" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 leading-snug block" data-testid="link-footer-writing-what-substack-gets-right:-a-review-and-a-reading-list">What Substack Gets Right: A Review and a Reading List</a></li><li><a href="/blog/ambient-music-focus-studying" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 leading-snug block" data-testid="link-footer-writing-best-ambient-music-for-studying-and-deep-work:-a-focus-playlist">Best Ambient Music for Studying and Deep Work: A Focus Playlist</a></li><li><a href="/blog/subvert-fm-artist-owned-internet" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 leading-snug block" data-testid="link-footer-writing-subvert.fm-and-the-plan-for-the-artist-owned-internet">Subvert.fm and the Plan for the Artist-Owned Internet</a></li><li><a href="/blog/best-marketing-automation-tools-small-business-2026" class="text-[13px] text-[var(--site-text-secondary)] hover:text-[var(--site-accent)] transition-colors duration-200 leading-snug block" data-testid="link-footer-writing-best-marketing-automation-tools-for-small-business-in-2026-(without-the-hype)">Best Marketing Automation Tools for Small Business in 2026 (Without the Hype)</a></li></ul></div></div><div class="mt-12 pt-6 border-t border-[var(--site-border)] flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3"><div class="flex items-center gap-4"><p class="text-[12px] text-[var(--site-text-muted)]" data-testid="text-copyright">© <!-- -->2026<!-- --> Murat Esmer. All rights reserved.</p></div><div class="flex items-center gap-4"><a href="/privacy" class="text-[12px] text-[var(--site-text-muted)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-privacy">Privacy Policy</a><a href="/terms" class="text-[12px] text-[var(--site-text-muted)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-terms">Terms</a><a href="/disclosures" class="text-[12px] text-[var(--site-text-muted)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-disclosures">Disclosures</a><a href="https://cal.com/murat-esmer/15min" target="_blank" rel="noopener noreferrer" class="text-[12px] text-[var(--site-text-muted)] hover:text-[var(--site-accent)] transition-colors duration-200" data-testid="link-footer-book-call">Book a Call</a></div></div></div></footer></div></div></div>
  <!-- Cloudflare Pages Analytics --><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "8a73986767b046ac901d683b7bfaa380"}'></script><!-- Cloudflare Pages Analytics --></body>
</html>
