body{margin:0;font-family:Arial,sans-serif;background:#f7f7f7;color:#222}nav{position:sticky;top:0;background:#111;padding:14px;text-align:center}nav a{color:#fff;margin:0 16px;text-decoration:none}.hero{text-align:center;padding:70px 20px;background:#fff}.logo{max-width:360px;width:90%}.tag{color:#8d6b17;font-weight:700;margin:18px 0}h1{font-size:3rem}section{max-width:1100px;margin:auto;padding:50px 20px}.btn{background:#111;color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none}.grid,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.grid>div,.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.card img{width:100%;height:180px;object-fit:contain}.active,.dev,.init{display:inline-block;padding:5px 10px;border-radius:99px;margin-top:8px}.active{background:#dff5df}.dev{background:#fff2c8}.init{background:#d8ebff}footer{background:#111;color:#fff;text-align:center;padding:25px}