*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;color:#111;background:#fff}
a{color:#0a66c2;text-decoration:none}a:hover{text-decoration:underline}
header{position:sticky;top:0;background:#fff;border-bottom:1px solid #eee;z-index:50}
.nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:10px 16px}
.logo{font-weight:800;font-size:20px}
.menu a{margin:0 10px}
.hero{display:grid;gap:20px;align-items:center;grid-template-columns:1fr;max-width:1200px;margin:0 auto;padding:32px 16px}
.hero h1{font-size:34px;margin:0 0 8px}.btn{display:inline-block;padding:12px 18px;border-radius:10px;background:#0a66c2;color:#fff;font-weight:700;border:0}
.btn.outline{background:#fff;color:#0a66c2;border:2px solid #0a66c2}
.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:1200px;margin:0 auto;padding:16px}
.card{border:1px solid #eee;border-radius:16px;padding:16px;box-shadow:0 2px 6px rgba(0,0,0,.04)}
section{padding:24px 0}footer{border-top:1px solid #eee;padding:24px 16px;margin-top:24px;background:#fafafa}
.cta-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;gap:8px;padding:10px 12px;z-index:60}
.cta-bar a{flex:1;text-align:center}.small{font-size:13px;color:#444}.faq dt{font-weight:700;margin-top:12px}.faq dd{margin:4px 0 8px 0}
@media(min-width:900px){.hero{grid-template-columns:1.2fr .8fr}}.badge{display:inline-block;background:#eef6ff;color:#0a66c2;border:1px solid #cfe6ff;padding:4px 8px;border-radius:999px;font-size:12px}
figure{margin:0}.figrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
figcaption{font-size:13px;color:#555;margin-top:6px}
table{width:100%;border-collapse:collapse}th,td{padding:8px;border-bottom:1px solid #eee;text-align:left}