:root{--bg:#000;--panel:#090909;--line:#242424;--text:#f2f0ec;--muted:#9b9a97;--green:#c6ff00;--green2:#00d66a}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}body{min-height:100vh}
a{color:inherit;text-decoration:none}.brand{padding:24px 30px}.brand-link{display:flex;align-items:center;gap:12px;width:max-content}.brand-link>span{font-size:12px;letter-spacing:4px;color:#aeb6bd}.logo-wrap{width:48px;height:48px;border:1px solid #252525;border-radius:13px;background:#070707;display:grid;place-items:center;overflow:hidden}.logo-wrap img{width:92%;height:92%;object-fit:contain}.mark{font-weight:800;color:var(--green)}
main{max-width:1200px;margin:20px auto 80px;padding:0 30px}.hero{padding:35px 0 48px}.eyebrow{font-size:11px;letter-spacing:3px;color:#7f878d;margin-bottom:18px}.hero h1{font-family:Georgia,serif;font-size:64px;line-height:.98;font-weight:400;margin:0 0 26px;letter-spacing:-2px}.hero h1 em{font-weight:400;color:#b9c0c5}.hero p{max-width:650px;color:#a9a9a7;font-size:15px;line-height:1.65;margin:0}
.controls{display:flex;gap:12px;align-items:center}.search{height:48px;max-width:430px;flex:1;background:#191919;border-radius:12px;display:flex;align-items:center;padding:0 15px;color:#7d8185}.search span{font-size:25px;line-height:0}.search input{border:0;outline:0;background:none;color:#eee;width:100%;padding-left:10px;font-size:14px}.search input::placeholder{color:#696b6d}.view-toggle{display:flex;background:#101010;border:1px solid #292929;border-radius:12px;padding:3px}.view-toggle button{border:0;background:transparent;color:#aaa;width:34px;height:36px;border-radius:9px}.view-toggle button.active{background:#1d1d1d;color:#fff}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 30px}.chip{border:1px solid #292929;background:#0e0e0e;color:#ddd;border-radius:999px;padding:8px 13px;font-size:10px;font-weight:700;letter-spacing:.4px;cursor:pointer}.chip:hover,.chip.active{border-color:#4c4c4c;background:#f2f2f2;color:#080808}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.tool-card{min-height:196px;border:1px solid #252525;background:#070707;border-radius:21px;padding:26px;display:flex;flex-direction:column;transition:.18s ease}.tool-card:hover{transform:translateY(-3px);border-color:#414141;background:#0a0a0a}.tool-top{display:flex;justify-content:space-between;align-items:center}.icon{width:40px;height:40px;border-radius:12px;background:#171717;display:grid;place-items:center;color:#e8e8e8;font-size:11px;font-weight:700}.status{font-size:9px;letter-spacing:.6px;color:#00e06e;background:#00391d;border-radius:999px;padding:6px 10px}.tool-card h2{font:400 21px/1.15 Georgia,serif;margin:20px 0 10px}.tool-card p{font-size:12px;line-height:1.5;color:#999;margin:0;max-width:300px}.tool-foot{margin-top:auto;padding-top:20px;display:flex;justify-content:space-between;align-items:center;color:#6d6d6d;font-size:9px;letter-spacing:1px}.arrow{font-size:18px;color:#aaa}.empty{padding:60px 0;color:#888;text-align:center}
footer{border-top:1px solid #181818;padding:28px 30px;display:flex;gap:24px;max-width:1200px;margin:auto;color:#666;font-size:10px;letter-spacing:1px}footer a{color:#999}
@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.hero h1{font-size:50px}}
@media(max-width:560px){.brand{padding:18px}.brand-link>span{font-size:10px;letter-spacing:2.5px}main{padding:0 18px}.hero{padding-top:25px}.hero h1{font-size:43px}.controls{flex-direction:column;align-items:stretch}.search{max-width:none}.view-toggle{display:none}.grid{grid-template-columns:1fr;gap:15px}.tool-card{min-height:175px;padding:22px}.chips{flex-wrap:nowrap;overflow:auto;padding-bottom:5px}.chip{white-space:nowrap}footer{padding:24px 18px;flex-wrap:wrap}}