:root{--bg:#0f1c17;--fg:#e8f2ec;--accent:#3dd68c;--muted:#9bb5a8;--card:#163028}
*{box-sizing:border-box}body{margin:0;font-family:"Fraunces",Georgia,serif;background:radial-gradient(1200px 600px at 10% -10%,#1d3b30,transparent),linear-gradient(160deg,#0b1411,#12241c 40%,#0f1c17);color:var(--fg);min-height:100vh}
.top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}
.brand,.brand-hero{font-family:"Space Grotesk",system-ui,sans-serif;font-weight:700;letter-spacing:.04em;color:var(--accent);text-decoration:none}
.brand-hero{font-size:clamp(2.5rem,8vw,5rem);margin:0}
nav a{color:var(--muted);margin-left:1rem;text-decoration:none}
.hero{min-height:78vh;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 1.5rem 3rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 40 40'%3E%3Cg fill='%233dd68c' fill-opacity='0.05'%3E%3Cpath d='M0 0h20v20H0zM20 20h20v20H20z'/%3E%3C/g%3E%3C/svg%3E")}
h1{font-size:clamp(1.8rem,4vw,3rem);max-width:16ch;line-height:1.05;margin:.4rem 0}
.lede{max-width:46ch;color:var(--muted);font-size:1.1rem}
.cta{display:flex;gap:.8rem;margin-top:1.2rem;flex-wrap:wrap}
.btn{display:inline-block;background:var(--accent);color:#042015;padding:.75rem 1.1rem;border-radius:999px;text-decoration:none;font-family:"Space Grotesk",system-ui,sans-serif;font-weight:600}
.btn.ghost{background:transparent;border:1px solid var(--muted);color:var(--fg)}
.btn.pay{background:#ffc439;color:#111}
.wrap{padding:2rem 1.5rem;max-width:980px;margin:0 auto}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);padding:1rem;border-radius:12px;position:relative}
.card.featured{outline:1px solid var(--accent)}
.badge{position:absolute;top:.6rem;right:.6rem;font-size:.7rem;background:var(--accent);color:#042015;padding:.2rem .45rem;border-radius:999px;font-family:"Space Grotesk",system-ui,sans-serif}
.buyer,.outcome,.tiny{color:var(--muted);font-size:.92rem}
.price{font-size:1.3rem;margin:.4rem 0}
.tools{list-style:none;padding:0}.tools li{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #234}
.tools a{color:var(--accent)}
.kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-family:"Space Grotesk",system-ui,sans-serif}
.offer{margin-top:2rem;padding:1.2rem;background:var(--card);border-radius:16px}
.product-detail h1{max-width:20ch}
.product-detail h2{margin-top:1.6rem}
.product-detail pre{background:#0b1411;padding:1rem;overflow:auto;border-radius:10px;font-size:.85rem}
.product-detail code{font-family:ui-monospace,Consolas,monospace}
.buybox{margin-top:2rem;padding:1.2rem;border:1px solid var(--accent);border-radius:16px}
.pay-wait{color:#f0c674;font-size:.95rem}
.foot{padding:2rem 1.5rem;color:var(--muted);font-size:.85rem}
.list{line-height:1.9}.list a{color:var(--fg)}
.table{width:100%;border-collapse:collapse;font-size:.92rem}
.table th,.table td{border-bottom:1px solid #234;padding:.55rem .35rem;text-align:left;vertical-align:top}