:root{--ink:#15251f;--muted:#65736d;--cream:#f5f2e9;--paper:#fffdf7;--lime:#d8ff69;--green:#0e704d;--line:#d9ddd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f5f2e9e8;backdrop-filter:blur(14px);z-index:5}.brand{display:flex;gap:10px;align-items:center;font-weight:800;text-decoration:none;color:var(--ink)}.brand span{background:var(--ink);color:var(--lime);font:500 13px DM Mono;padding:8px;border-radius:7px}nav{display:flex;gap:32px}nav a,.ghost{color:var(--ink);text-decoration:none;font-size:14px;font-weight:600}.ghost{border:1px solid var(--ink);padding:10px 15px;border-radius:8px}.hero{padding:110px 6vw 80px;text-align:center;background:radial-gradient(circle at 50% 10%,#fff 0,transparent 50%)}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper);border-radius:30px;padding:8px 14px;font:500 12px DM Mono}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#2cc16d;box-shadow:0 0 0 4px #d5f3df}.hero h1{font-size:clamp(54px,8vw,100px);line-height:.94;letter-spacing:-.065em;margin:30px 0 26px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero>p{max-width:650px;margin:0 auto 30px;color:var(--muted);font-size:18px;line-height:1.7}.terminal{max-width:590px;margin:0 auto;background:var(--ink);border-radius:12px;padding:17px 18px;display:flex;gap:12px;color:white;text-align:left;box-shadow:0 14px 30px #16282025}.terminal span{color:var(--lime)}code{font-family:DM Mono,monospace}.terminal code{flex:1;font-size:14px}.terminal button,.publish-code button{color:var(--lime);border:0;background:transparent;cursor:pointer}.proof{display:flex;justify-content:center;gap:24px;margin-top:22px;color:var(--muted);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 6vw;border-block:1px solid var(--line);background:var(--paper)}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font-size:25px}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.catalog,.how{padding:100px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head small,.how small,.publish small{color:var(--green);font:500 12px DM Mono;letter-spacing:.12em}.section-head h2,.how h2,.publish h2{font-size:42px;letter-spacing:-.04em;margin:10px 0}.search{background:var(--paper);border:1px solid var(--line);padding:13px 16px;border-radius:10px;min-width:320px}.search input{border:0;outline:0;background:transparent;width:90%;font:14px Manrope}.filters{display:flex;gap:8px;margin:34px 0 22px}.filters button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 15px;cursor:pointer;color:var(--muted)}.filters .active{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;transition:.2s;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:0 16px 30px #17282012}.card-top{display:flex;justify-content:space-between}.icon{width:46px;height:46px;display:grid;place-items:center;background:var(--lime);border-radius:10px;font-weight:800}.verified{font-size:11px;color:var(--green)}.card h3{margin:22px 0 8px}.card p{color:var(--muted);font-size:14px;line-height:1.6;min-height:45px}.tags{display:flex;gap:6px}.tags span{background:#edf0e9;border-radius:5px;padding:5px 8px;font:10px DM Mono}.metrics{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:12px}.metrics span:last-child{color:var(--muted)}.how{background:var(--ink);color:white}.how>p{color:#aebbb5}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}.steps article{padding:0 55px 0 0}.steps b{font:500 12px DM Mono;color:var(--lime)}.steps h3{font-size:25px}.steps p{color:#aebbb5;line-height:1.7}.publish{margin:70px 6vw;padding:55px;background:var(--lime);border-radius:20px;display:flex;justify-content:space-between;align-items:center}.publish>div:first-child{max-width:580px}.publish p{color:#405248;line-height:1.7}.publish-code{background:var(--ink);color:white;padding:22px;border-radius:12px;display:flex;gap:20px;line-height:1.8;font-size:12px}footer{padding:35px 6vw;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:35px;max-width:620px;width:90%;background:var(--paper);box-shadow:0 30px 80px #0004}dialog::backdrop{background:#10221cb8;backdrop-filter:blur(4px)}.close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:26px;cursor:pointer}.detail-meta{display:flex;gap:18px;color:var(--muted);font-size:13px}.install-box{background:var(--ink);color:white;padding:16px;border-radius:9px;margin:24px 0}.review-form{display:grid;grid-template-columns:100px 1fr;gap:8px}.review-form textarea{grid-column:1/-1;min-height:75px;padding:10px}.review-form button{grid-column:1/-1;background:var(--lime);border:0;padding:11px;font-weight:700;cursor:pointer}.reviews{margin-top:20px}.review{border-top:1px solid var(--line);padding:12px 0;font-size:13px}.loading{color:var(--muted)}@media(max-width:800px){nav{display:none}.hero{padding-top:70px}.proof{flex-direction:column;gap:6px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.stats div{border:0}.section-head,.publish{display:block}.search{display:block;min-width:0;margin-top:20px}.grid,.steps{grid-template-columns:1fr}.publish{padding:30px}.publish-code{margin-top:25px;overflow:auto}.filters{overflow:auto}.card p{min-height:0}footer{gap:15px;flex-wrap:wrap}}
