:root { font-family: Arial, sans-serif; color: #202b36; background: #fff; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.65; }
header, main, footer { width: min(100% - 40px, 980px); margin: auto; }
header { padding: 24px 0; display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.brand { font-weight: 800; letter-spacing: .08em; color: #17324d; text-decoration: none; }
nav { display: flex; flex-wrap: wrap; gap: 18px; }
a { color: #175b87; }
nav a { color: #33485a; text-decoration: none; }
main { padding: 64px 0 90px; min-height: 65vh; }
h1 { font-size: clamp(2.2rem, 6vw, 3.7rem); line-height: 1.12; max-width: 800px; color: #17324d; }
h2 { margin-top: 32px; color: #17324d; }
main p { max-width: 720px; font-size: 1.08rem; }
.button { display: inline-block; padding: 11px 18px; background: #17324d; color: white; border-radius: 5px; text-decoration: none; }
footer { border-top: 1px solid #e1e6ea; padding: 20px 0; color: #667684; font-size: .9rem; }