:root{--c:#1b2a3a;--m:#5c6b7a;--b:#e2e6ea;--a:#c8792a;--bg:#fff}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 "Segoe UI",Roboto,Arial,sans-serif;color:var(--c);background:var(--bg)}
a{color:var(--a)}.w{max-width:1000px;margin:0 auto;padding:0 20px}
.h{background:var(--c);color:#fff}.h .w{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}
.lg{font-weight:700;font-size:20px;color:#fff;text-decoration:none}.lg b{color:var(--a)}
.h nav a{color:#cdd6df;text-decoration:none;margin-left:20px;font-size:15px}
.hero{background:linear-gradient(120deg,#22364a,#1b2a3a);color:#fff;padding:70px 0}.hero h1{font-size:38px;margin:0 0 14px;max-width:640px;line-height:1.2}
.hero p{color:#c3ced8;max-width:560px;font-size:18px}.bt{display:inline-block;margin-top:14px;background:var(--a);color:#fff;padding:12px 22px;border-radius:4px;text-decoration:none}
.g{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;padding:46px 0}
.c{border:1px solid var(--b);border-radius:6px;padding:22px}.c h3{margin:0 0 8px}.c p{margin:0;color:var(--m)}
.n{display:flex;flex-wrap:wrap;gap:30px;padding:10px 0 50px}.n div{flex:1;min-width:160px}.n b{display:block;font-size:30px;color:var(--a)}
.t{padding:40px 0 60px;max-width:720px}.f{border-top:1px solid var(--b);color:var(--m);font-size:14px;padding:22px 0 36px}
@media(max-width:620px){.hero h1{font-size:28px}.h .w{flex-direction:column;gap:10px}.h nav a{margin:0 10px}}