*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2430;background:#fafbfc;line-height:1.6}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}header{background:#fff;border-bottom:1px solid #e6e9ee}header .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:800;font-size:20px;color:#14213d;text-decoration:none}.logo span{color:#2a7de1}nav a{margin-left:18px;color:#46505e;text-decoration:none;font-size:15px}
.hero{padding:72px 0 56px;background:linear-gradient(180deg,#fff,#f1f5fb)}h1{font-size:clamp(30px,5vw,46px);line-height:1.15;margin:0 0 16px;color:#14213d}.hero p{font-size:18px;max-width:640px;color:#46505e}
section{padding:48px 0}h2{font-size:26px;color:#14213d;margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;border:1px solid #e6e9ee;border-radius:12px;padding:24px}.card h3{margin:0 0 6px;color:#14213d}.card a{color:#2a7de1;font-weight:600;text-decoration:none}.card p{margin:0 0 12px;color:#46505e}
dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 20px;margin:0}dt{font-weight:600}dd{margin:0;color:#46505e}
footer{border-top:1px solid #e6e9ee;background:#fff;padding:28px 0;font-size:14px;color:#5b6573}footer a{color:#5b6573}
.prose h2{font-size:20px;margin-top:32px}.prose{max-width:720px;padding:48px 20px}
@media(max-width:560px){nav a{margin-left:12px;font-size:14px}dl{grid-template-columns:1fr}dt{margin-top:8px}}