*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;background:#e9e6e1;color:#1a1a1a;line-height:1.65;font-size:15px}a{color:#c4882a;transition:color 0.15s ease}a:hover{color:#92651f}.wrap{max-width:1000px;margin:0 auto;padding:0 1.5rem}.site-header{background:#1d1d1d;border-bottom:1px solid #0d0d0d}.site-header .wrap{display:flex;align-items:stretch;justify-content:space-between;gap:2rem;height:56px;padding-top:0;padding-bottom:0}.site-title{font-size:0.82rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:0.12em;text-transform:uppercase;display:flex;align-items:center}.site-nav{display:flex;align-items:stretch;gap:0}.site-nav a{display:flex;align-items:center;text-decoration:none;color:#8a857e;font-size:0.85rem;font-weight:500;padding:0 1.1rem;border-bottom:3px solid transparent;border-top:3px solid transparent;transition:color 0.15s ease, border-color 0.15s ease;white-space:nowrap}.site-nav a:hover{color:#e8e4de}.site-nav a[aria-current="page"]{color:#fff;border-bottom-color:#c4882a}.site-main{padding:3rem 1.5rem 4rem}.site-footer{background:#fff;border-top:1px solid #d0cbc3;padding:2.5rem 0;margin-top:4rem}.site-footer .wrap{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;align-items:flex-start}.site-footer p{margin:0.2rem 0;font-size:0.85rem;color:#6b6560}.site-footer a{color:#6b6560}.site-footer a:hover{color:#c4882a}.muted{color:#9b968f}.hero{padding:2.5rem 0 3rem;max-width:680px}.hero h1{font-size:clamp(2rem, 5vw, 3rem);font-weight:800;line-height:1.1;letter-spacing:-0.5px;margin:0 0 1.25rem;color:#1a1a1a}.lead{font-size:1.05rem;color:#6b6560;max-width:540px;line-height:1.8;margin:0 0 2rem}.button-row{display:flex;flex-wrap:wrap;gap:0.65rem;margin-bottom:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:0.7rem 1.35rem;border-radius:2px;text-decoration:none;font-weight:600;font-size:0.88rem;border:1px solid transparent;transition:background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;cursor:pointer;white-space:nowrap;letter-spacing:0.01em}.button-primary{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.button-primary:hover{background:#333;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.button-secondary{background:transparent;color:#1a1a1a;border-color:#b8b3ab}.button-secondary:hover{background:#fff;border-color:#1a1a1a;color:#1a1a1a}.sponsor-row{display:flex;flex-wrap:wrap;gap:0.65rem;align-items:center;margin-bottom:1.5rem}.sponsor-label{color:#9b968f;font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;margin-right:0.25rem}.button-sponsor{font-size:0.82rem;padding:0.5rem 1rem}.button-github-sponsor{background:#1d1d1d;color:#d8d4cc;border-color:#3a3530}.button-github-sponsor:hover{background:#2a2520;color:#fff}.button-kofi{background:#e84040;color:#fff;border-color:transparent}.button-kofi:hover{background:#e41c1c}.section-label,h2.section-label{text-transform:uppercase;font-size:0.72rem;font-weight:600;letter-spacing:0.12em;color:#9b968f;margin:0 0 1rem;border:none;padding:0}.card-grid{display:grid;gap:1px;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));background:#d0cbc3;border:1px solid #d0cbc3;margin:0.5rem 0 2.5rem}.card-link{text-decoration:none;color:inherit;display:block;background:#fff;transition:background 0.15s ease}.card-link:hover{background:#faf8f6}.card{padding:1.75rem 1.5rem;display:flex;flex-direction:column;background:transparent;border:none;border-radius:0;height:100%}.card h3{margin:0 0 0.6rem;font-size:0.75rem;font-weight:700;color:#9b968f;text-transform:uppercase;letter-spacing:0.1em}.card p{margin:0;color:#6b6560;font-size:0.9rem;line-height:1.65;flex:1}.card-arrow{display:inline-block;margin-top:1.25rem;color:#c4882a;font-size:0.8rem;font-weight:600;opacity:0;transform:translateX(-4px);transition:all 0.15s ease}.card-link:hover .card-arrow{opacity:1;transform:translateX(0)}.screenshot-hint{color:#9b968f;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:600;margin:0 0 0.5rem}.screenshot-grid{display:grid;gap:1px;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));background:#d0cbc3;border:1px solid #d0cbc3;margin:0.5rem 0 2.5rem}.screenshot-grid img{width:100%;display:block;cursor:zoom-in;transition:opacity 0.15s ease}.screenshot-grid img:hover{opacity:0.88}h1,h2,h3,h4{font-weight:700;line-height:1.25;margin:0;color:#1a1a1a}h1{font-size:clamp(1.8rem, 4vw, 2.5rem)}h2{font-size:1.35rem;margin-top:3rem;margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid #d0cbc3}h3{font-size:1.05rem;margin-top:1.75rem;margin-bottom:0.5rem}p{margin:0 0 1rem}code,pre{font-family:"SF Mono", "Cascadia Mono", Consolas, Monaco, monospace;font-size:0.875em}pre{background:#1d1d1d;color:#c8c4bc;border-radius:2px;border:none;padding:1.25rem;overflow-x:auto;margin:1.25rem 0}pre code{background:none;padding:0;color:inherit}:not(pre)>code{background:rgba(0,0,0,0.05);color:#1a1a1a;padding:0.15rem 0.4rem;border-radius:2px;border:1px solid #d0cbc3}table{width:100%;border-collapse:collapse;margin:1.5rem 0;border:1px solid #d0cbc3;background:#fff}th,td{border:1px solid #d0cbc3;padding:0.75rem 1rem;text-align:left;font-size:0.9rem}th{background:#e9e6e1;font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:#9b968f}tr:hover td{background:#f5f2ee}ul,ol{padding-left:1.5rem;margin:1rem 0}ul li,ol li{margin-bottom:0.5rem}.callout{background:#fff;border-left:3px solid #c4882a;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0}.callout strong{color:#af7926}.lightbox-overlay{position:fixed;inset:0;background:rgba(15,12,10,0.94);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.lightbox-overlay.active{opacity:1;pointer-events:all}.lightbox-overlay img{max-width:min(90vw, 1200px);max-height:80vh;border-radius:0;box-shadow:0 40px 80px rgba(0,0,0,0.8);cursor:default;transform:scale(0.96);transition:transform 0.25s ease;object-fit:contain;display:block}.lightbox-overlay.active img{transform:scale(1)}.lightbox-close{position:absolute;top:1.25rem;right:1.25rem;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.15);color:#fff;font-size:1.3rem;width:2.5rem;height:2.5rem;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background 0.15s ease}.lightbox-close:hover{background:rgba(255,255,255,0.18)}.lightbox-caption{margin-top:1rem;color:rgba(255,255,255,0.38);font-size:0.82rem;text-align:center;cursor:default}.lightbox-hint{position:absolute;bottom:1.25rem;color:rgba(255,255,255,0.18);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase}@media (max-width: 640px){.site-header .wrap{gap:1rem}.site-title{font-size:0.75rem}.site-nav a{padding:0 0.75rem;font-size:0.8rem}.site-main{padding:1.5rem 1.25rem 2.5rem}.hero{padding:1.5rem 0 2rem}.button-row{flex-direction:column;gap:0.6rem}.button{width:100%}.sponsor-row{gap:0.5rem}.sponsor-label{width:100%;margin:0}.button-sponsor{flex:1;text-align:center;justify-content:center}.card-grid{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr}h2{margin-top:2rem;font-size:1.2rem}}