*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2228;background:#f6f7f9}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}header{background:#fff;border-bottom:1px solid #e3e6ea}
header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-size:22px}.logo span{color:#e8590c}
nav a{margin-left:22px;color:#1d2228;text-decoration:none}.hero{background:#1d2228;color:#fff;padding:72px 0}
.hero h1{font-size:38px;margin:0 0 12px}.btn{display:inline-block;margin-top:16px;background:#e8590c;color:#fff;padding:12px 22px;border-radius:6px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;padding:40px 20px}
article{background:#fff;border:1px solid #e3e6ea;border-radius:8px;padding:18px}footer{background:#fff;border-top:1px solid #e3e6ea;padding:24px 0;margin-top:40px}.muted{color:#7a828c}