:root{
  --bg:#f3f4f7;
  --card:#ffffff;
  --text:#111827;
  --muted:#5b6475;
  --line:#d8dde6;
  --accent:#17233b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1120px;margin:0 auto;padding:0 28px}
header{padding:34px 0}
.nav{display:flex;justify-content:space-between;align-items:center;gap:24px}
.brand{font-size:18px;font-weight:700;letter-spacing:.01em}
.nav-links{display:flex;gap:28px;flex-wrap:wrap}
.nav-links a{color:#364152}
.hero{padding:44px 0 26px}
.eyebrow{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:#6b7280;margin-bottom:18px}
h1{font-size:66px;line-height:1.02;letter-spacing:-.04em;margin:0 0 24px;max-width:980px}
.lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:940px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px}
.card h2,.card h3{margin:0 0 16px;font-size:22px}
.card p,.card li{font-size:17px;line-height:1.75;color:#243041}
ul{margin:0;padding-left:22px}
.info-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin:8px 0 44px}
.full{margin:0 0 44px}
.kv{display:grid;grid-template-columns:220px 1fr;gap:12px 20px}
.kv div{padding:8px 0;border-bottom:1px solid #eceff4}
.kv .k{font-weight:600;color:#334155}
.footer{padding:22px 0 48px;color:#5e6778;font-size:15px}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}
.page h1{font-size:42px;line-height:1.1;margin-bottom:12px}
.page .lead{max-width:820px;margin-bottom:30px}
section{margin-bottom:26px}
section h2{font-size:22px;margin:0 0 12px}
section p, section li{font-size:16px;line-height:1.75;color:#253244}
@media (max-width:860px){
  h1{font-size:42px}
  .grid,.info-grid{grid-template-columns:1fr}
  .kv{grid-template-columns:1fr}
}