<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ivan Misic | Product Leadership | Digital Transformation</title>
    <meta name="description" content="Product leadership, digital transformation, and 20 years of lessons from building things that sometimes work. Field notes on strategy, AI, and reality.">
    <meta name="robots" content="index, follow">
    <meta name="author" content="Ivan Misic">

    <link rel="canonical" href="https://ivanmisic.net/">
    <link rel="alternate" type="application/rss+xml" title="Ivan Misic - Blog" href="https://ivanmisic.net/blog/feed">

            <meta property="og:type" content="website">
    <meta property="og:locale" content="en_US">
    <meta property="og:title" content="Ivan Misic | Product Leadership | Digital Transformation">
    <meta property="og:description" content="Product leadership, digital transformation, and 20 years of lessons from building things that sometimes work. Field notes on strategy, AI, and reality.">
    <meta property="og:url" content="https://ivanmisic.net/">
    <meta property="og:site_name" content="Ivan Misic">
    <meta property="og:image" content="https://ivanmisic.net/images/og-default.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:alt" content="Ivan Misic | Product Leadership | Digital Transformation">
    
            <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Ivan Misic | Product Leadership | Digital Transformation">
    <meta name="twitter:description" content="Product leadership, digital transformation, and 20 years of lessons from building things that sometimes work. Field notes on strategy, AI, and reality.">
    <meta name="twitter:image" content="https://ivanmisic.net/images/og-default.png">
    <meta name="twitter:image:alt" content="Ivan Misic | Product Leadership | Digital Transformation">
        <meta name="twitter:site" content="@imisic_">
    <meta name="twitter:creator" content="@imisic_">
        
    <link rel="icon" href="https://ivanmisic.net/favicon.ico?v=1777218890" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="https://ivanmisic.net/favicon-32x32.png?v=1777218890">
<link rel="icon" type="image/png" sizes="16x16" href="https://ivanmisic.net/favicon-16x16.png?v=1777218890">
<link rel="apple-touch-icon" sizes="180x180" href="https://ivanmisic.net/apple-touch-icon.png?v=1777218890">
<link rel="manifest" href="https://ivanmisic.net/site.webmanifest?v=1767685426">
<meta name="theme-color" content="#100a05" id="theme-color-meta">

<link rel="preload" as="font" type="font/woff2" href="https://ivanmisic.net/fonts/archivo-black-latin.woff2" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="https://ivanmisic.net/fonts/inter-latin.woff2" crossorigin>
<link rel="preload" as="font" type="font/woff2" href="https://ivanmisic.net/fonts/jetbrains-mono-latin.woff2" crossorigin>

<link rel="stylesheet" href="https://ivanmisic.net/css/main.min.css?v=1780227445"><link rel="stylesheet" href="https://ivanmisic.net/css/print.min.css?v=1780227445" media="print">



            <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"ivanmisic.net","url":"https://ivanmisic.net","logo":{"@type":"ImageObject","url":"https://ivanmisic.net/images/og-default.png","width":1200,"height":630},"description":"Product leadership, digital transformation, and lessons from 20 years of building things that sometimes work.","founder":{"@type":"Person","name":"Ivan Misic","jobTitle":"Director of Product Management"},"sameAs":["https://www.linkedin.com/in/ivanmisic/","https://github.com/imisic","https://x.com/imisic_"]}</script>
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Ivan Misic","url":"https://ivanmisic.net","description":"Product leadership, digital transformation, and lessons from 20 years of building things that sometimes work.","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://ivanmisic.net/api/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>    </head>
<body>
    <a href="#main-content" class="skip-link">Skip to main content</a>

    <div class="station">
        <div class="st-topbar">
    <!-- Status dot -->
    <span class="st-dot"></span>

    <!-- Site identity -->
    <a href="https://ivanmisic.net" class="st-ghost st-topbar__identity">station · ivanmisic.net</a>
    <span class="st-topbar__meta st-topbar__version">/ v2.02</span>

    <!-- Spacer -->
    <span class="st-topbar__spacer"></span>

    <!-- Meta items (hidden at tablet/mobile via CSS) -->
    <span class="st-topbar__meta">
        <a href="https://ivanmisic.net/about" class="st-ghost">20 yrs shipping</a>
    </span>
        <span class="st-topbar__sep">&middot;</span>
    <span class="st-topbar__meta">latest essay Apr 26</span>
    
        <span class="st-topbar__sep">&middot;</span>
        <a href="https://ivanmisic.net/login" class="st-ghost st-topbar__meta">log in</a>
        
    <!-- Search (visible on mobile when no rail) -->
    <button class="st-topbar__icon-btn st-topbar__search" id="global-search-toggle" aria-label="Search (Ctrl+K)" title="Search">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
            <circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/>
        </svg>
    </button>

    
    <!-- Hamburger (visible at tablet/mobile via CSS) -->
    <button class="st-hamburger" aria-label="Open navigation" aria-expanded="false">
        <span></span><span></span><span></span>
    </button>
</div>
        <aside class="st-rail" aria-label="Site navigation">
    <!-- Identity -->
    <a href="https://ivanmisic.net" class="st-ghost st-rail__identity">
        <div class="st-rail__logo">IM</div>
        <div>
            <div class="st-rail__name">IVAN MI&#352;I&#262;</div>
            <div class="st-rail__tagline">product &middot; tech &middot; ai</div>
        </div>
    </a>

    <!-- Search trigger (opens Cmd+K modal) -->
    <label class="st-search st-rail__search" id="rail-search-trigger" data-base-url="https://ivanmisic.net" role="button" tabindex="0" aria-label="Search archive (Ctrl+K)">
        <span>&#x2315;</span>
        <span class="st-rail__search-text">Search archive</span>
        <span class="st-rail__search-kbd">&#x2318;K</span>
    </label>

    <!-- Navigation -->
    <nav class="st-rail__nav">
                                            <a href="https://ivanmisic.net"
               class="st-nav st-rail__nav-item is-active"
               aria-current="page">
                <span class="st-nav-glyph">§00</span>
                <span>Home</span>
            </a>
                                            <a href="https://ivanmisic.net/blog"
               class="st-nav st-rail__nav-item"
               >
                <span class="st-nav-glyph">§01</span>
                <span>Writing</span>
            </a>
                                            <a href="https://ivanmisic.net/tools"
               class="st-nav st-rail__nav-item"
               >
                <span class="st-nav-glyph">§02</span>
                <span>Toolshed</span>
            </a>
                                            <a href="https://ivanmisic.net/guides"
               class="st-nav st-rail__nav-item"
               >
                <span class="st-nav-glyph">§03</span>
                <span>Guides</span>
            </a>
                                            <a href="https://ivanmisic.net/tags"
               class="st-nav st-rail__nav-item"
               >
                <span class="st-nav-glyph">§04</span>
                <span>Atlas</span>
            </a>
                                            <a href="https://ivanmisic.net/about"
               class="st-nav st-rail__nav-item"
               >
                <span class="st-nav-glyph">§05</span>
                <span>About</span>
            </a>
                                            <a href="https://ivanmisic.net/contact"
               class="st-nav st-rail__nav-item"
               >
                <span class="st-nav-glyph">§06</span>
                <span>Contact</span>
            </a>
            </nav>

    <!-- Latest ship card -->
            <a href="https://ivanmisic.net/blog/ways-of-working/four-days-one-person-redesign" class="st-card st-rail__latest">
        <div class="st-rail__latest-kicker">&#x2605; latest ship</div>
        <div class="st-card-title st-rail__latest-title">Four Calendar Days, One Person, One Full Redesign</div>
        <div class="st-rail__latest-meta">
            &#x2116;34 &middot; 12 min &middot; read &#x2192;
        </div>
    </a>
    
    <!-- Micro-footer -->
        <div class="st-rail__footer">
                <div>
                        <a href="https://ivanmisic.net/login" class="st-ghost">log in</a>
                    </div>
                <div>
            <a href="https://ivanmisic.net/blog/feed" class="st-ghost">rss</a> &middot;
            <a href="https://ivanmisic.net/contact" class="st-ghost">email</a>
        </div>
        <div>
                        <a href="https://github.com/imisic" class="st-ghost" target="_blank" rel="noopener noreferrer">github</a> &middot;
                                    <a href="https://www.linkedin.com/in/ivanmisic/" class="st-ghost" target="_blank" rel="noopener noreferrer">linkedin</a>
                    </div>
        <div class="st-rail__copyright">&copy; 2026</div>
    </div>
</aside>

        <div class="st-main">
            
            <main id="main-content">
                
<div class="home-hero">
    <h1 class="home-hero-title">
                I <span class="ship-gag" aria-label="ship">SHI<span class="ship-gag__swap"><span class="ship-gag__p">P</span><span class="ship-gag__t-mask" aria-hidden="true"><span class="ship-gag__t">T</span></span></span></span> product for a living.
                <span class="page-hero__accent">Twenty years of receipts.</span>
    </h1>
</div>

<div class="home-featured-row" data-reveal>

        <div class="home-featured">
        <div class="home-featured-header">
            <div class="section-label">
                <span class="st-dot st-dot--acid"></span>
                featured &middot; Ways of Working            </div>
        </div>

                <div class="home-featured-inner">
            <div class="home-featured-main">
                <a href="https://ivanmisic.net/blog/ways-of-working/permission-tax-growing-teams" class="st-ghost">
                    <div class="home-featured-title">
                        The Permission Tax: Why Growing Teams Ship Less, Not More                    </div>
                </a>
                <div class="home-featured-meta">
                    FEB 24                                        &middot; 7 min
                                    </div>
                <div class="home-featured-cta">
                    <a href="https://ivanmisic.net/blog/ways-of-working/permission-tax-growing-teams" class="st-btn">Open article &#x2192;</a>
                </div>
            </div>
                        <figure class="home-featured-quote">
                <span class="home-featured-quote-mark" aria-hidden="true">&ldquo;</span>
                <blockquote class="home-featured-quote-text">
                    It took a month to build and four months to get permission. Growing teams don&#039;t move faster. They just spend more time asking for approval.                </blockquote>
                <figcaption class="home-featured-quote-attribution">
                    &#xA7; Ways of Working                                        &middot; FEB 24                                    </figcaption>
            </figure>
                    </div>
            </div>

        <div class="home-now">
        <div class="home-now-header section-label">
            <span class="st-dot st-dot--green"></span>
            /now &middot; live
        </div>
        <div class="section-title home-now-title">
            What I&#39;m up to right this second
        </div>
        <div class="home-now-items">
                        <div class="home-now-item">
                <div class="home-now-dot home-now-dot--acid"></div>
                <div>
                    <div class="home-now-label home-now-label--acid">work</div>
                    <div class="home-now-text">Rebuilding ivanmisic.net with Claude Code.</div>
                </div>
            </div>
                        <div class="home-now-item">
                <div class="home-now-dot home-now-dot--blue"></div>
                <div>
                    <div class="home-now-label home-now-label--blue">tracking</div>
                    <div class="home-now-text">What telcos sell once connectivity isn&#039;t the product anymore.</div>
                </div>
            </div>
                        <div class="home-now-item">
                <div class="home-now-dot home-now-dot--green"></div>
                <div>
                    <div class="home-now-label home-now-label--green">tools</div>
                    <div class="home-now-text">A home lab quietly handling git, notes, automations, and whatever else I throw at it.</div>
                </div>
            </div>
                        <div class="home-now-item">
                <div class="home-now-dot home-now-dot--violet"></div>
                <div>
                    <div class="home-now-label home-now-label--violet">thinking</div>
                    <div class="home-now-text">The gap between knowing-what-to-build and being-able-to-build.</div>
                </div>
            </div>
                    </div>
        <div class="home-now-footer">
            <span>updated 24 MAY</span>
            <a href="https://ivanmisic.net/now" class="st-link section-link">full /now &#x2192;</a>
        </div>
    </div>
</div>

<div class="page-section" data-reveal>
    <div class="section-header">
        <div class="section-label">
            &#xA7;01 latest writing
        </div>
        <a href="https://ivanmisic.net/blog" class="section-link st-link">
            all 34 &#x2192;
        </a>
    </div>
    <div class="section-title section-title--mb">
        From the desk
    </div>

    <div class="explorer-list">
        <a href="https://ivanmisic.net/blog/ways-of-working/four-days-one-person-redesign" class="list-item" aria-label="Four Calendar Days, One Person, One Full Redesign">
        <span class="list-item__index">&#x2116;33</span>
        <div class="list-item__content">
                        <span class="list-item__label">AI Math, Not Magic</span>
                        <span class="list-item__title">Four Calendar Days, One Person, One Full Redesign</span>
        </div>
        <span class="list-item__category">WAYS OF WORKING</span>
        <span class="list-item__meta">APR 26</span>
        <span class="list-item__meta">12&#x2032;</span>
    </a>
        <a href="https://ivanmisic.net/blog/ai-tools/safe-way-edit-database-content-ai-coding-tools" class="list-item" aria-label="A Safe Way to Edit Database Content With AI Coding Tools">
        <span class="list-item__index">&#x2116;32</span>
        <div class="list-item__content">
                        <span class="list-item__label">Files First, Always</span>
                        <span class="list-item__title">A Safe Way to Edit Database Content With AI Coding Tools</span>
        </div>
        <span class="list-item__category">AI &amp; TOOLS</span>
        <span class="list-item__meta">MAR 17</span>
        <span class="list-item__meta">9&#x2032;</span>
    </a>
        <a href="https://ivanmisic.net/blog/ways-of-working/klarna-ai-u-turn-isnt-failure-story" class="list-item" aria-label="Klarna&#039;s AI U-Turn Isn&#039;t a Failure Story">
        <span class="list-item__index">&#x2116;31</span>
        <div class="list-item__content">
                        <span class="list-item__label">Speed Isn&#039;t Service</span>
                        <span class="list-item__title">Klarna&#039;s AI U-Turn Isn&#039;t a Failure Story</span>
        </div>
        <span class="list-item__category">WAYS OF WORKING</span>
        <span class="list-item__meta">MAR 11</span>
        <span class="list-item__meta">6&#x2032;</span>
    </a>
        <a href="https://ivanmisic.net/blog/digital-transformation/one-app-many-markets-central-local" class="list-item" aria-label="One App, Many Markets: The Central vs. Local Paradox">
        <span class="list-item__index">&#x2116;30</span>
        <div class="list-item__content">
                        <span class="list-item__label">One Codebase, Local Soul</span>
                        <span class="list-item__title">One App, Many Markets: The Central vs. Local Paradox</span>
        </div>
        <span class="list-item__category">DIGITAL TRANSFORMATION</span>
        <span class="list-item__meta">FEB 21</span>
        <span class="list-item__meta">8&#x2032;</span>
    </a>
        </div>
</div>

<div class="home-tools-guides home-tools-guides--split" data-reveal="stagger">

            <div class="home-tools-section home-tools-section--border">
        <div class="section-header">
            <div class="section-label">
                &#xA7;02 from the toolshed &middot; this week
            </div>
            <a href="https://ivanmisic.net/tools" class="section-link st-link">
                all 38 &#x2192;
            </a>
        </div>
        <div class="section-title section-title--mb">
            Three I&#39;d use again tomorrow
        </div>
        <div class="explorer-list">
                        <a href="https://ivanmisic.net/tools/media-generation/canva-ai/visit" target="_blank" rel="nofollow noopener noreferrer" class="list-item list-item--compact" aria-label="Canva AI">
                <span class="list-item__index">&#x2116;01</span>
                <div class="list-item__content">
                    <span class="list-item__title">Canva AI</span>
                                        <span class="list-item__excerpt">Design platform with Magic Studio AI tools</span>
                                    </div>
                <span class="list-item__meta" aria-hidden="true">&#x2197;</span>
            </a>
                        <a href="https://ivanmisic.net/tools/ai-assistants/chatgpt/visit" target="_blank" rel="nofollow noopener noreferrer" class="list-item list-item--compact" aria-label="ChatGPT">
                <span class="list-item__index">&#x2116;02</span>
                <div class="list-item__content">
                    <span class="list-item__title">ChatGPT</span>
                                        <span class="list-item__excerpt">All-purpose AI assistant for writing, research, coding, and productivity</span>
                                    </div>
                <span class="list-item__meta" aria-hidden="true">&#x2197;</span>
            </a>
                        <a href="https://ivanmisic.net/tools/ai-assistants/claude/visit" target="_blank" rel="nofollow noopener noreferrer" class="list-item list-item--compact" aria-label="Claude">
                <span class="list-item__index">&#x2116;03</span>
                <div class="list-item__content">
                    <span class="list-item__title">Claude</span>
                                        <span class="list-item__excerpt">Anthropic&#039;s frontier assistant with strong reasoning and long context</span>
                                    </div>
                <span class="list-item__meta" aria-hidden="true">&#x2197;</span>
            </a>
                    </div>
    </div>
    
            <div class="home-tools-section">
        <div class="section-header">
            <div class="section-label">
                &#xA7;03 learning paths
            </div>
                    </div>
                <div class="section-title section-title--mb">
            2 guides open for enrolment
        </div>
        <div class="home-guides-list">
                                    <a href="https://ivanmisic.net/guides/digital-transformation-reality-check" class="st-card home-guide-row">
                <div class="home-guide-row-num text-accent">01</div>
                <div>
                    <div class="st-card-title home-guide-row-title">Digital Transformation Reality Check</div>
                                        <div class="home-guide-row-meta">Intermediate · 8 parts · 82 min</div>
                                    </div>
                <span class="st-pill st-pill--acid">Open</span>
            </a>
                                    <a href="https://ivanmisic.net/guides/claude-code-guide" class="st-card home-guide-row">
                <div class="home-guide-row-num text-accent">02</div>
                <div>
                    <div class="st-card-title home-guide-row-title">Claude Code Guide</div>
                                        <div class="home-guide-row-meta">Beginner · 24 parts · 232 min</div>
                                    </div>
                <span class="st-pill st-pill--acid">Open</span>
            </a>
                    </div>
    </div>
    
</div>

            </main>

            <footer class="st-footer">
    
    <!-- Sitemap + identity -->
    <div class="st-footer__sitemap">
        <!-- ID block -->
        <div class="st-footer__id">
            <div class="st-footer__id-row">
                <div class="st-footer__id-logo">IM</div>
                <div>
                    <div class="st-footer__id-name">IVAN MI&#352;I&#262;</div>
                    <div class="st-footer__id-version">Product &middot; AI &middot; Digital Transformation</div>
                </div>
            </div>
            <div class="st-footer__id-desc">
                Director of Product at Deutsche Telekom. Twenty years shipping platforms, self-service apps, and e-commerce across European markets. This is where I write about the work.
            </div>
            <div class="st-footer__id-status">
                <span class="st-dot st-dot--green"></span>
                <span class="st-footer__id-online">ONLINE</span>
                <span class="st-footer__id-sep">&middot;</span>
                <span>uptime 99.94%</span>
                <span class="st-footer__id-sep">&middot;</span>
                <span>ZGB &middot; HR</span>
            </div>
        </div>

        <!-- Writing column -->
        <div class="st-footer__col">
            <div class="st-footer__col-heading">&middot; WRITING</div>
            <div class="st-footer__col-links">
                                <a href="https://ivanmisic.net/blog" class="st-link">Archive</a>
                                                <a href="https://ivanmisic.net/guides" class="st-link">Guides</a>
                                <a href="https://ivanmisic.net/tags" class="st-link">Topics</a>
                                <a href="https://ivanmisic.net/blog/feed" class="st-link">RSS feed</a>
                            </div>
        </div>

        <!-- Workshop column -->
        <div class="st-footer__col">
            <div class="st-footer__col-heading">&middot; WORKSHOP</div>
            <div class="st-footer__col-links">
                                <a href="https://ivanmisic.net/tools" class="st-link">Toolshed</a>
                            </div>
        </div>

        <!-- Operator column -->
        <div class="st-footer__col">
            <div class="st-footer__col-heading">&middot; OPERATOR</div>
            <div class="st-footer__col-links">
                <a href="https://ivanmisic.net/about" class="st-link">About</a>
                <a href="https://ivanmisic.net/contact" class="st-link">Contact</a>
            </div>
        </div>

        <!-- Elsewhere column -->
        <div class="st-footer__col">
            <div class="st-footer__col-heading">&middot; ELSEWHERE</div>
            <div class="st-footer__col-links">
                                <a href="https://www.linkedin.com/in/ivanmisic/?utm_source=ivanmisic.net&amp;utm_medium=footer&amp;utm_campaign=linkedin" class="st-link" target="_blank" rel="noopener noreferrer nofollow">LinkedIn</a>
                                                <a href="https://github.com/imisic" class="st-link" target="_blank" rel="noopener noreferrer">GitHub</a>
                                <a href="https://ivanmisic.net/contact" class="st-link">Email</a>
            </div>
        </div>
    </div>

    <!-- Legal strip -->
    <div class="st-footer__legal">
        <span>&copy; 2006&ndash;2026 Ivan Misic</span>
        <span class="st-footer__legal-sep">&middot;</span>
        <a href="https://ivanmisic.net/about" class="st-ghost">colophon</a>
        <span class="st-footer__legal-sep">&middot;</span>
        <a href="https://ivanmisic.net/privacy" class="st-ghost">privacy</a>
        <span class="st-footer__legal-sep">&middot;</span>
        <a href="https://ivanmisic.net/terms" class="st-ghost">terms</a>
        <span class="st-footer__legal-spacer"></span>
        <span>Ivan Mi&#353;i&#263; &middot; Zagreb</span>
    </div>
</footer>
        </div>
    </div>

    <!-- Mobile nav sheet (hidden by default, toggled by hamburger) -->
        <div class="st-mobile-sheet" id="mobile-nav-sheet" aria-hidden="true">
        <div class="st-mobile-sheet__header">
            <a href="https://ivanmisic.net" class="st-mobile-sheet__identity">
                <div class="st-mobile-sheet__logo">IM</div>
                <div>
                    <div class="st-mobile-sheet__name">IVAN MI&#352;I&#262;</div>
                    <div class="st-mobile-sheet__tagline">product &middot; tech &middot; ai</div>
                </div>
            </a>
            <button type="button" class="st-mobile-sheet__close" aria-label="Close navigation">&times;</button>
        </div>

        <div class="st-mobile-sheet__section-label">&#xA7; navigate</div>

        <nav class="st-mobile-sheet__nav">
                                                            <a href="https://ivanmisic.net" class="st-mobile-sheet__row is-active" aria-current="page">
                    <span class="st-mobile-sheet__row-index">&#xA7;00</span>
                    <span class="st-mobile-sheet__row-content">
                        <span class="st-mobile-sheet__row-kicker">Index</span>
                        <span class="st-mobile-sheet__row-title">Home</span>
                    </span>
                    <span class="st-mobile-sheet__row-arrow" aria-hidden="true">&#x2192;</span>
                </a>
                                                            <a href="https://ivanmisic.net/blog" class="st-mobile-sheet__row">
                    <span class="st-mobile-sheet__row-index">&#xA7;01</span>
                    <span class="st-mobile-sheet__row-content">
                        <span class="st-mobile-sheet__row-kicker">Field notes</span>
                        <span class="st-mobile-sheet__row-title">Writing</span>
                    </span>
                    <span class="st-mobile-sheet__row-arrow" aria-hidden="true">&#x2192;</span>
                </a>
                                                            <a href="https://ivanmisic.net/tools" class="st-mobile-sheet__row">
                    <span class="st-mobile-sheet__row-index">&#xA7;02</span>
                    <span class="st-mobile-sheet__row-content">
                        <span class="st-mobile-sheet__row-kicker">Stack</span>
                        <span class="st-mobile-sheet__row-title">Toolshed</span>
                    </span>
                    <span class="st-mobile-sheet__row-arrow" aria-hidden="true">&#x2192;</span>
                </a>
                                                            <a href="https://ivanmisic.net/guides" class="st-mobile-sheet__row">
                    <span class="st-mobile-sheet__row-index">&#xA7;03</span>
                    <span class="st-mobile-sheet__row-content">
                        <span class="st-mobile-sheet__row-kicker">Learning</span>
                        <span class="st-mobile-sheet__row-title">Guides</span>
                    </span>
                    <span class="st-mobile-sheet__row-arrow" aria-hidden="true">&#x2192;</span>
                </a>
                                                            <a href="https://ivanmisic.net/tags" class="st-mobile-sheet__row">
                    <span class="st-mobile-sheet__row-index">&#xA7;04</span>
                    <span class="st-mobile-sheet__row-content">
                        <span class="st-mobile-sheet__row-kicker">Topics</span>
                        <span class="st-mobile-sheet__row-title">Atlas</span>
                    </span>
                    <span class="st-mobile-sheet__row-arrow" aria-hidden="true">&#x2192;</span>
                </a>
                                                            <a href="https://ivanmisic.net/about" class="st-mobile-sheet__row">
                    <span class="st-mobile-sheet__row-index">&#xA7;05</span>
                    <span class="st-mobile-sheet__row-content">
                        <span class="st-mobile-sheet__row-kicker">Operator</span>
                        <span class="st-mobile-sheet__row-title">About</span>
                    </span>
                    <span class="st-mobile-sheet__row-arrow" aria-hidden="true">&#x2192;</span>
                </a>
                                                            <a href="https://ivanmisic.net/contact" class="st-mobile-sheet__row">
                    <span class="st-mobile-sheet__row-index">&#xA7;06</span>
                    <span class="st-mobile-sheet__row-content">
                        <span class="st-mobile-sheet__row-kicker">Signal</span>
                        <span class="st-mobile-sheet__row-title">Contact</span>
                    </span>
                    <span class="st-mobile-sheet__row-arrow" aria-hidden="true">&#x2192;</span>
                </a>
                    </nav>

        <div class="st-mobile-sheet__footer">
            <div class="st-mobile-sheet__footer-row">
                <a href="https://ivanmisic.net/blog/feed" class="st-link">rss</a>
                <span class="st-mobile-sheet__footer-sep">&middot;</span>
                <a href="https://ivanmisic.net/contact" class="st-link">email</a>
                <span class="st-mobile-sheet__footer-sep">&middot;</span>
                                <a href="https://github.com/imisic" class="st-link" target="_blank" rel="noopener noreferrer">github</a>
                <span class="st-mobile-sheet__footer-sep">&middot;</span>
                                                <a href="https://www.linkedin.com/in/ivanmisic/" class="st-link" target="_blank" rel="noopener noreferrer">linkedin</a>
                            </div>
            <div class="st-mobile-sheet__copyright">&copy; 2026 Ivan Mi&scaron;i&cacute;</div>
        </div>
    </div>

    <!-- Global search modal (shared across all pages) -->
    <div class="global-search" id="global-search" data-base-url="https://ivanmisic.net" role="dialog" aria-modal="true" aria-label="Search">
        <div class="global-search__modal">
            <div class="global-search__header">
                <svg class="global-search__icon" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                    <circle cx="11" cy="11" r="8"/>
                    <path d="M21 21l-4.35-4.35"/>
                </svg>
                <input
                    type="text"
                    class="global-search__input"
                    placeholder="Search..."
                    id="global-search-input"
                    autocomplete="off"
                >
                <kbd class="global-search__kbd">ESC</kbd>
                <button type="button" class="global-search__close" id="global-search-close" aria-label="Close search">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
                        <path d="M18 6L6 18M6 6l12 12"/>
                    </svg>
                </button>
            </div>

            <div class="global-search__filters">
                <button class="global-search__filter global-search__filter--active" data-type="all">All</button>
                                <button class="global-search__filter" data-type="article">Articles</button>
                                                <button class="global-search__filter" data-type="tool">Tools</button>
                                                <button class="global-search__filter" data-type="guide">Guides</button>
                            </div>

            <div class="global-search__body">
                <div class="global-search__empty" id="global-search-empty">
                    <p class="global-search__empty-text">Search articles, tools, and guides</p>
                </div>

                <div class="global-search__loading hidden" id="global-search-loading">
                    <p class="global-search__loading-text">Searching...</p>
                </div>

                <div class="global-search__results hidden" id="global-search-results"></div>

                <div class="global-search__no-results hidden" id="global-search-no-results">
                    <p class="global-search__no-results-text">No matches. Try different keywords or clear the filter.</p>
                </div>

                <div class="global-search__no-results hidden" id="global-search-error">
                    <p class="global-search__no-results-text">Search unavailable right now. Try again in a moment.</p>
                </div>
            </div>

            <div class="global-search__footer">
                <span><kbd>&#x2191;&#x2193;</kbd> navigate</span>
                <span><kbd>&#x21B5;</kbd> open</span>
                <span><kbd>esc</kbd> close</span>
            </div>
        </div>
    </div>

    <script src="https://ivanmisic.net/js/main.min.js?v=1780227447" defer></script>

    
    </body>
</html>
