
        :root{
            --ink:#0B0E14;
            --surface:#151B26;
            --surface-soft:#1B2330;
            --paper:#F5F0E6;
            --amber:#F2A93B;
            --teal:#3FE0C5;
            --muted:#8A93A6;
        }
        body{ background:var(--ink); color:var(--paper); font-family:'Inter',sans-serif; }
        .font-display{ font-family:'Space Grotesk',sans-serif; }
        .font-mono{ font-family:'JetBrains Mono',monospace; }
        .cartridge-notch{
            position:relative;
        }
        .logo{
            width: 50px;height:50px; border-radius: 50px;object-fit: cover;
        }
        .cartridge-notch::before{
            content:"";
            position:absolute; top:0; left:16px; width:34px; height:8px;
            background:var(--ink); border-radius:0 0 6px 6px;
        }
        .price-tag{
            font-family:'JetBrains Mono',monospace;
            transform: rotate(-3deg);
            transform-origin: top right;
        }
        .nav-burger {
    display: none;
    flex-direction: column;
    gap: 5px;
    width: 24px;
}
.nav-burger span {
    height: 2px;
    background: var(--paper);
    border-radius: 2px;
    transition: transform .25s ease, opacity .25s ease;
}

@media (max-width: 768px) {
    .nav-burger { display: flex; }

    header nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
        background: var(--ink);
        border-bottom: 1px solid rgba(255,255,255,.1);
        padding: 1rem 1.25rem;
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height .3s ease, opacity .2s ease;
    }

    #nav-toggle:checked ~ nav {
        max-height: 400px;
        opacity: 1;
    }

    #nav-toggle:checked + .nav-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
    #nav-toggle:checked + .nav-burger span:nth-child(2) { opacity: 0; }
    #nav-toggle:checked + .nav-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}
