:root{--t:#1c2430;--m:#5e6a78;--l:#dfe5ec;--bg:#f7f9fb;--a:#1f5fa8}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font:17px/1.65 "Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--a)}.w{max-width:980px;margin:0 auto;padding:0 22px}
.top{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid var(--l)}
.lg{font-weight:700;font-size:20px;text-decoration:none;color:var(--t)}.lg span{color:var(--a)}
.top nav a{margin-left:22px;text-decoration:none;color:var(--m)}
.hero{padding:66px 0 40px;max-width:680px}.hero h1{font-size:40px;line-height:1.15;margin:0 0 16px}.hero p{color:var(--m);font-size:19px}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;padding:20px 0 70px}
.c{background:#fff;border:1px solid var(--l);border-radius:8px;padding:22px}.c h3{margin:0 0 6px}.c p{margin:0;color:var(--m)}
.tx{max-width:660px;padding:50px 0 80px}.f{border-top:1px solid var(--l);color:var(--m);font-size:14px;padding:22px 0 40px}
@media(max-width:620px){.hero h1{font-size:29px}.top{flex-direction:column;gap:12px}.top nav a{margin:0 10px}}