body{font-family:Arial, sans-serif;margin:0;background:#f5f6f8;color:#1c1c1c}
.wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.site-header{background:#fff;border-bottom:1px solid #e5e5e5}
.header-inner{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#000}
.logo{width:40px;height:40px}
.nav a{margin-left:15px;text-decoration:none;color:#000;font-size:14px}
.hero{background:#1f2937;color:#fff;padding:60px 0}
.hero h1{margin:0 0 15px}
.button{display:inline-block;padding:10px 15px;background:#fff;color:#1f2937;text-decoration:none;border-radius:5px;margin-right:10px}
.button.ghost{background:transparent;border:1px solid #fff;color:#fff}
.section{padding:40px 0}
.subtle{background:#eef1f5}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;padding:20px;border-radius:6px;border:1px solid #e5e5e5}
.site-footer{padding:20px 0;border-top:1px solid #e5e5e5;background:#fff}
.footer-links a{margin-left:15px;color:#000;text-decoration:none;font-size:14px}