*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222;background:#fafaf8;line-height:1.6}
header{background:#1f2a30;color:#fff;padding:18px 0}header .w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.w{max-width:960px;margin:0 auto;padding:0 20px}a{color:#c2662d}header a{color:#eee;text-decoration:none;margin-left:18px}
.logo{font-weight:700;font-size:20px;letter-spacing:.5px}.hero{padding:70px 0 50px;background:linear-gradient(135deg,#2c3e46,#465c66);color:#fff}
.hero h1{font-size:34px;margin:0 0 12px}.btn{display:inline-block;background:#c2662d;color:#fff;padding:11px 22px;border-radius:4px;text-decoration:none;margin-top:14px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:40px 0}.card{background:#fff;border:1px solid #e5e5e0;border-radius:6px;padding:22px}
.card h3{margin-top:0}table{border-collapse:collapse;width:100%;background:#fff}td,th{border:1px solid #e5e5e0;padding:10px;text-align:left}
footer{border-top:1px solid #e5e5e0;padding:24px 0;color:#777;font-size:14px;margin-top:40px}