*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111;background:#fafafa;line-height:1.6}main{max-width:960px;margin:0 auto;padding:4rem 1.5rem}.hero{text-align:center;padding:3rem 0 4rem;border-bottom:1px solid #eee;margin-bottom:3rem}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-bottom:1rem}.hero p{font-size:1.25rem;color:#555;max-width:640px;margin:0 auto}.hero img{max-width:100%;margin-top:2rem;border-radius:12px}.section{margin-bottom:3rem}.section h2{font-size:1.75rem;margin-bottom:1rem}.section img{max-width:100%;border-radius:8px;margin-top:1rem}.footer-note{margin-top:4rem;padding-top:2rem;border-top:1px solid #eee;text-align:center;font-size:.875rem;color:#777}.badge{display:inline-block;background:#e6f4ea;color:#1e7e34;padding:.25rem .75rem;border-radius:999px;font-size:.8rem}.empty{text-align:center;padding:4rem 0;color:#666}.empty code{background:#f0f0f0;padding:.2rem .5rem;border-radius:4px}