:root{--t:#2b3a42;--m:#6b7b85;--a:#3d7ea6;--bg:#fbfaf8;--b:#e8e5e0}
*{box-sizing:border-box}
body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,sans-serif;color:var(--t);background:var(--bg)}
a{color:var(--a)}
header{background:#fff;border-bottom:1px solid var(--b)}
.bar{max-width:920px;margin:0 auto;padding:16px 24px;display:flex;flex-wrap:wrap;gap:18px;align-items:baseline}
.logo{font-weight:600;font-size:19px;letter-spacing:-.2px;margin-right:auto;text-decoration:none;color:var(--t)}
.logo span{color:var(--a)}
nav a{margin-left:18px;text-decoration:none;color:var(--m);font-size:15px}
nav a:hover,nav a.on{color:var(--a)}
.wrap{max-width:920px;margin:0 auto;padding:0 24px}
h1{font-size:32px;line-height:1.25;margin:44px 0 14px;font-weight:600;letter-spacing:-.4px}
h2{font-size:21px;margin:34px 0 10px;font-weight:600}
.lead{color:var(--m);font-size:18px;max-width:620px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:26px 0 50px}
.card{background:#fff;border:1px solid var(--b);border-radius:8px;padding:20px}
.card h3{margin:0 0 8px;font-size:17px;font-weight:600}
.card p{margin:0;color:var(--m);font-size:15px}
ul{color:var(--m)}li{margin:6px 0}
footer{border-top:1px solid var(--b);padding:24px 0;color:var(--m);font-size:14px;background:#fff;margin-top:50px}