body {margin:0;font-family:Arial, sans-serif;line-height:1.5;}
header {background:#2c3e50;color:#ecf0f1;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;}
header h1 {margin:0;font-size:1.6rem;}
header nav a {color:#ecf0f1;text-decoration:none;margin-left:1rem;font-weight:bold;}
.hero {background:#eee;text-align:center;padding:3rem 1rem;}
.hero h2 {margin:0 0 .5rem;font-size:2rem;}
.hero p {margin:0;font-size:1.1rem;}
main {max-width:900px;margin:2rem auto;padding:0 1rem;}
.tools {display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;}
.tool {border:1px solid #ddd;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;background:#fff;}
.tool img {width:100%;height:150px;object-fit:cover;}
.tool-content {padding:1rem;flex:1;display:flex;flex-direction:column;}
.tool-content h3 {margin:0 0 .4rem;}
.tool-content p {margin:0 0 1rem;flex:1;}
.rate {font-weight:bold;font-size:1.1rem;color:#2980b9;}
section.about,section.contact {margin-top:3rem;}
footer {background:#f4f4f4;text-align:center;padding:1rem;margin-top:4rem;font-size:.9rem;}