:root{--bg:#ffffff;--ink:#14181f;--soft:#5a6474;--rule:#e3e7ee;--hd:#1d2733;--blue:#2b5fd9;--tint:#f3f6fb}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:15px/1.65 "Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--bg)}
.bar{background:var(--hd);color:#e8edf5}.in{max-width:1000px;margin:0 auto;padding:0 18px}
.bar .in{display:flex;align-items:center;justify-content:space-between;min-height:62px;flex-wrap:wrap;gap:10px}
.mark{font-weight:600;letter-spacing:.04em}.mark b{color:#8fb0ff;font-weight:600}
.menu a{color:#c9d3e3;text-decoration:none;margin-left:20px;font-size:.9rem}.menu a:hover{color:#fff}
.lead{background:var(--tint);border-bottom:1px solid var(--rule)}.lead .in{padding:52px 18px 44px}
.lead h1{margin:0 0 12px;font-size:1.9rem;font-weight:600;line-height:1.25;max-width:700px}.lead p{margin:0;color:var(--soft);max-width:640px}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0;border:1px solid var(--rule);margin:36px 0}
.cols div{padding:22px;border-right:1px solid var(--rule)}.cols div:last-child{border-right:0}
.cols h2{font-size:1rem;margin:0 0 6px;color:var(--blue)}.cols p{margin:0;color:var(--soft);font-size:.93rem}
ul.steps{padding-left:18px;color:var(--soft)}ul.steps li{margin:6px 0}
.note{border-left:3px solid var(--blue);padding:10px 16px;background:var(--tint);margin:24px 0 40px;color:var(--soft)}
.foot{border-top:1px solid var(--rule);color:var(--soft);font-size:.82rem}.foot .in{padding:22px 18px 34px}