*{box-sizing:border-box}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#1c2330;background:#fff}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}
section{padding:44px 0}
.alt{background:#f4f6fb}
h1{font-size:2rem;line-height:1.2;margin:.3em 0}
h2{font-size:1.5rem;margin:0 0 .6em}
.lead{font-size:1.1rem;color:#44506a}
.kicker{color:#3563e9;font-weight:600;margin:0}
.top{position:sticky;top:0;background:#fff;border-bottom:1px solid #e6e9f0;z-index:5}
.bar{display:flex;justify-content:space-between;align-items:center;height:56px}
.logo{font-weight:700;color:#1c2330;text-decoration:none}
.logo span{color:#3563e9}
.btn{display:inline-block;background:#3563e9;color:#fff;text-decoration:none;padding:14px 26px;border-radius:10px;font-weight:600}
.btn:hover{background:#2850c8}
.btn-sm{padding:8px 16px}
.hero{padding:56px 0 48px;background:linear-gradient(#eef2ff,#fff)}
.cards,.steps{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.cards li,.steps li{background:#fff;border:1px solid #e6e9f0;border-radius:12px;padding:16px 18px}
.cards b,.steps b{display:block;margin-bottom:4px}
.steps{counter-reset:s}.steps li{counter-increment:s}
.steps b:before{content:counter(s)". ";color:#3563e9}
.note{color:#6a7488;font-size:.9rem}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%}
th,td{border-bottom:1px solid #e6e9f0;padding:10px 12px;text-align:left}
.hl{background:#eef2ff}
details{border-bottom:1px solid #e6e9f0;padding:12px 0}
summary{cursor:pointer;font-weight:600}
.final{background:#1c2330;color:#fff;text-align:center}
footer{padding:20px 0;color:#6a7488;font-size:.85rem}
@media(min-width:700px){h1{font-size:2.8rem}.cards,.steps{grid-template-columns:repeat(3,1fr)}}