:root{--text:#1c2330;--muted:#5f6b7a;--accent:#1f5fbf;--bg:#f4f5f7;--border:#dadde3;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.5}
body{margin:0}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#fff;border-bottom:1px solid var(--border)}
main{max-width:1000px;margin:0 auto;padding:48px 24px}
.hero h1{font-size:40px;margin:0 0 12px}
.hero p{font-size:18px;max-width:680px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:40px}
.grid div{background:#fff;border:1px solid var(--border);border-radius:6px;padding:20px}
.grid h2{font-size:17px;margin:0 0 8px}
.grid p{margin:0;color:var(--muted)}
.button{display:inline-block;padding:9px 16px;border:1px solid var(--border);border-radius:4px;color:var(--text);text-decoration:none;background:#fff}
.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.foot{text-align:center;color:var(--muted);font-size:13px;padding:24px}