*{box-sizing:border-box}
body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1d2330;background:#f6f7fb}
a{color:#2f5bea;text-decoration:none}
.bar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e4e7ef}
.brand{font-weight:700;font-size:18px;color:#1d2330}
nav a{margin-left:20px}
.btn{display:inline-block;padding:8px 16px;border-radius:8px;background:#2f5bea;color:#fff}
.btn.big{padding:12px 24px;font-size:17px}
main{max-width:960px;margin:0 auto;padding:0 24px}
.hero{padding:72px 0 48px}
.hero h1{font-size:44px;line-height:1.15;margin:0 0 16px}
.hero p{max-width:560px;font-size:18px;color:#4a5263}
.note{font-size:14px!important;color:#7a8194!important}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;padding-bottom:64px}
.grid div{background:#fff;border:1px solid #e4e7ef;border-radius:12px;padding:20px}
.grid h2{font-size:17px;margin:0 0 8px}
.grid p{margin:0;color:#4a5263;font-size:15px}
.card{max-width:420px;margin:72px auto;background:#fff;border:1px solid #e4e7ef;border-radius:12px;padding:32px}
.card h1{font-size:24px;margin:0 0 12px}
.doc{max-width:720px;margin:48px auto;padding:0 24px}
footer{text-align:center;padding:24px;color:#7a8194;font-size:14px;border-top:1px solid #e4e7ef;background:#fff}