*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2a24;background:#f6f7f4;line-height:1.6}
.draft{background:#b45309;color:#fff;text-align:center;font-size:.85rem;padding:.3rem;font-weight:600}
.hero{background:linear-gradient(135deg,#2f5d46,#1f3d2f);color:#fff;text-align:center;padding:4rem 1rem}
.hero h1{font-size:2.6rem;margin:.5rem 0}.tag{font-size:1.2rem;opacity:.9}
.logo-ph{display:inline-block;border:2px dashed rgba(255,255,255,.6);padding:.8rem 1.4rem;border-radius:8px;font-size:.85rem}
main{max-width:960px;margin:0 auto;padding:2rem 1rem}section{margin:2rem 0}h2{color:#2f5d46}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{background:#fff;border-radius:10px;padding:1.2rem;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.ph{background:#fef3c7;border:1px dashed #d97706;padding:.2rem .4rem;border-radius:4px;color:#92400e}
footer{text-align:center;padding:2rem;color:#6b7280;font-size:.9rem}