*{box-sizing:border-box}
body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1b1f26;background:#fff;-webkit-font-smoothing:antialiased}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
a{color:#2f6bdb;text-decoration:none}a:hover{text-decoration:underline}
header{border-bottom:1px solid #e9ecf1;position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:#1b1f26}
.logo:hover{text-decoration:none}
.mark{width:19px;height:19px;border-radius:5px;background:linear-gradient(135deg,#2f6bdb,#5b95f5);display:inline-block}
nav{display:flex;align-items:center;gap:22px;font-size:14.5px}
nav a{color:#4a5260}
.btn{display:inline-block;background:#2f6bdb;color:#fff;padding:9px 18px;border-radius:7px;font-size:14.5px;font-weight:600}
.btn:hover{background:#2559bd;text-decoration:none}
.btn.ghost{background:#fff;color:#2f6bdb;border:1px solid #cdd9ee}
.btn.ghost:hover{background:#f4f8ff}
.hero{padding:86px 0 74px}
.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12.5px;font-weight:700;color:#2f6bdb;margin:0 0 14px}
h1{font-size:44px;line-height:1.16;letter-spacing:-.022em;margin:0 0 20px;max-width:16ch}
.lead{font-size:18.5px;color:#4a5260;max-width:60ch;margin:0 0 30px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}
.status{display:inline-flex;align-items:center;gap:9px;font-size:14px;color:#4a5260;background:#f5f7fa;border:1px solid #e9ecf1;padding:8px 15px;border-radius:30px}
.dot{width:8px;height:8px;border-radius:50%;background:#2fa360;box-shadow:0 0 0 3px rgba(47,163,96,.16)}
section{padding:64px 0}
.alt{background:#f7f9fc;border-top:1px solid #e9ecf1;border-bottom:1px solid #e9ecf1}
h2{font-size:27px;letter-spacing:-.015em;margin:0 0 30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.card{border:1px solid #e9ecf1;border-radius:11px;padding:24px;background:#fff}
.card h3{font-size:16.5px;margin:0 0 9px}
.card p{margin:0;color:#4a5260;font-size:14.8px}
.steps{counter-reset:s;list-style:none;padding:0;margin:0 0 26px;display:grid;gap:16px;max-width:74ch}
.steps li{position:relative;padding-left:44px;color:#4a5260}
.steps li:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:#2f6bdb;color:#fff;font-size:13.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
.steps strong{color:#1b1f26}
.note{font-size:14.5px;color:#4a5260;background:#fff;border:1px solid #e9ecf1;border-left:3px solid #2f6bdb;padding:14px 18px;border-radius:0 8px 8px 0;max-width:74ch}
footer{border-top:1px solid #e9ecf1;padding:30px 0;font-size:14px;color:#6b7280}
.foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.foot .mark{vertical-align:-3px;margin-right:5px}
.links{display:flex;gap:18px}.links a{color:#6b7280}
.fine{font-size:13px}
@media(max-width:640px){h1{font-size:33px}.hero{padding:56px 0 46px}nav a:not(.btn){display:none}}