:root { --ink:#1b2430; --mut:#5b6878; --line:#e2e7ee; --accent:#1f6feb; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.6 -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color:var(--ink); background:#fff; }
.wrap { max-width:1040px; margin:0 auto; padding:0 20px; }
header { border-bottom:1px solid var(--line); }
header .wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 20px; flex-wrap:wrap; }
.logo { font-weight:700; letter-spacing:.06em; font-size:20px; color:var(--ink); text-decoration:none; }
.logo span { display:block; font-weight:400; font-size:11px; letter-spacing:.14em; text-transform:uppercase; color:var(--mut); }
nav a { margin-left:22px; color:var(--mut); text-decoration:none; font-size:15px; }
nav a:hover { color:var(--accent); }
.hero { padding:64px 0 40px; }
.hero h1 { font-size:38px; line-height:1.2; margin:0 0 16px; max-width:720px; }
.hero p { color:var(--mut); max-width:640px; }
.btn { display:inline-block; margin-top:12px; padding:12px 22px; background:var(--accent); color:#fff; border-radius:8px; text-decoration:none; }
section { padding:32px 0; border-top:1px solid var(--line); }
h2 { font-size:24px; margin:0 0 18px; }
h3 { font-size:17px; margin:0 0 6px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px, 1fr)); gap:18px; }
article { border:1px solid var(--line); border-radius:10px; padding:18px; }
article p { margin:0; color:var(--mut); font-size:15px; }
.facts { list-style:none; padding:0; display:flex; gap:28px; flex-wrap:wrap; color:var(--mut); }
.facts b { display:block; color:var(--ink); font-size:22px; }
.small { font-size:13px; color:var(--mut); }
footer { border-top:1px solid var(--line); padding:24px 0; color:var(--mut); font-size:14px; }
a { color:var(--accent); }