<!-- PORTFOLIO ITEM 1 -->
<div class="cyber-card">
    <div class="cyber-card-header">
        <div>
            <span class="cyber-tag red">FLAGSHIP STORE</span>
            <h3 class="cyber-card-title"><span class="cyber-placeholder">[PORTFOLIO_ITEM_1_TITLE: SufferWell Official Storefront]</span></h3>
        </div>
        <span style="font-family: var(--font-mono); font-size: 0.75rem; color: var(--red-crimson);">01</span>
    </div>
    <p><strong>CONTEXT:</strong> <span class="cyber-placeholder">[PORTFOLIO_ITEM_1_CONTEXT: SufferWell LLC / LaunchCart Store]</span></p>
    <p><strong>CHALLENGE & EXECUTION:</strong> <span class="cyber-placeholder">[PORTFOLIO_ITEM_1_DESCRIPTION: Production e-commerce storefront on LaunchCart with optimized checkout flows and catalog sync.]</span></p>
    <p><strong>OUTCOME:</strong> <span class="cyber-placeholder">[PORTFOLIO_ITEM_1_METRICS: High-performance checkout, catalog sync, direct e-commerce integration.]</span></p>
    <div style="margin-top: 1.2rem;">
        <a href="https://sufferwell.launchcart.store" target="_blank" rel="noopener" class="cyber-btn cyber-btn-sm cyber-btn-magenta">
            Visit Storefront ↗
        </a>
    </div>
</div>

<!-- PORTFOLIO ITEM 2 -->
<div class="cyber-card">
    <div class="cyber-card-header">
        <div>
            <span class="cyber-tag">AI SYSTEMS</span>
            <h3 class="cyber-card-title"><span class="cyber-placeholder">[PORTFOLIO_ITEM_2_TITLE: Tailr-AI Resume Intelligence]</span></h3>
        </div>
        <span style="font-family: var(--font-mono); font-size: 0.75rem; color: #888;">02</span>
    </div>
    <p><strong>CONTEXT:</strong> <span class="cyber-placeholder">[PORTFOLIO_ITEM_2_CONTEXT: sufferwell.site/tailr-ai]</span></p>
    <p><strong>CHALLENGE & EXECUTION:</strong> <span class="cyber-placeholder">[PORTFOLIO_ITEM_2_DESCRIPTION: Serverless LLM tool on Cloudflare Pages Functions powered by Groq LLaMA models for ATS scanning.]</span></p>
    <p><strong>OUTCOME:</strong> <span class="cyber-placeholder">[PORTFOLIO_ITEM_2_METRICS: Sub-second inference, zero maintenance, live Word generation.]</span></p>
    <div style="margin-top: 1.2rem;">
        <a href="/tailr-ai/" class="cyber-btn cyber-btn-sm">
            Launch Application ➔
        </a>
    </div>
</div>