Hero Section

<section class="hero">
    <div class="hero-content">
        <h1>The fastest way to store and search your code snippets</h1>
        <p class="hero-sub">
            Stop hunting through old gists, Notion pages, and dotfiles for
            that one snippet you know you saved.
        </p>
        <div class="hero-ctas">
            <a class="btn btn-primary" href="/signup">
                Start free — no credit card
            </a>
            <a class="btn btn-secondary" href="/demo">
                Watch the 90-second demo →
            </a>
        </div>
        <p class="hero-meta">
            Free forever for personal use. No credit card required.
        </p>
    </div>

    <div class="hero-art" aria-hidden="true">
        <img src="/hero-screenshot.png"
             alt=""
             width="800" height="600"
             loading="eager"
             fetchpriority="high">
    </div>
</section>