/* Pastel, clean and professional */
:root {
  --bg: #FAF9F7;
  --card: #FFFFFF;
  --primary: #5C7C89;
  --accent: #C6D8D3;
  --muted: #EDEAE5;
  --text: #2A2A2A;
  --subtext: #4F4F4F;
}

* { box-sizing: border-box; }
html, body { margin:0; padding:0; background:var(--bg); color:var(--text); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Inter, Arial, Helvetica, sans-serif; }
a { color: var(--primary); text-decoration: none; }
a.btn { display:inline-block; padding:12px 18px; border-radius:14px; background:var(--primary); color:white; transition:transform .06s ease; }
a.btn:hover { transform: translateY(-1px); }
.container { max-width: 1120px; margin: 0 auto; padding: 0 20px; }

header.hero {
  background: linear-gradient(180deg, var(--muted), var(--bg));
  padding: 28px 0 60px;
  border-bottom: 1px solid #e6e2dc;
}
.nav { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-logo { width:34px; height:34px; border-radius:10px; background:var(--accent); display:flex; align-items:center; justify-content:center; color:var(--primary); font-weight:700; }
.brand h1 { font-size:18px; margin:0; line-height:1.2; }
.nav a { font-weight:600; margin-left: 10px; }
.nav .links a { padding:8px 10px; border-radius:10px; }
.nav .links a:hover { background:var(--card); }
.hero-wrap { display:grid; grid-template-columns: 1.2fr .8fr; gap:36px; align-items:center; margin-top:36px; }
.hero-title { font-size: 40px; line-height:1.1; margin:0 0 14px; }
.hero-sub { font-size:18px; color:var(--subtext); margin:0 0 24px; }
.hero-cta { display:flex; gap:12px; flex-wrap:wrap; }
.hero-card { background:var(--card); border:1px solid #eee; border-radius:18px; padding:18px; }
.badges { display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.badge { background:var(--accent); color:#20404a; border-radius:999px; padding:6px 10px; font-size:12px; font-weight:700; letter-spacing:.2px; }

.section { padding:70px 0; }
.section h2 { font-size:28px; margin:0 0 14px; }
.section p.lead { color: var(--subtext); margin: 0 0 30px; }

.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:18px; }
.card { background:var(--card); border:1px solid #eee; border-radius:18px; padding:18px; }
.card h3 { margin:0 0 8px; }
.card p { color:var(--subtext); margin:0; }

.highlight { background: var(--card); border-left:6px solid var(--primary); padding:18px; border-radius:14px; }
.list { margin: 14px 0 0 0; padding-left: 18px; }

.cta-band { background: var(--primary); color:white; border-radius:20px; padding:28px; display:flex; align-items:center; justify-content:space-between; gap:14px; }
.cta-band a.btn { background:white; color:var(--primary); font-weight:800; }

footer { background: var(--card); border-top:1px solid #eee; padding:28px 0; margin-top:50px; }
.footer-grid { display:grid; grid-template-columns: 1.2fr 1fr 1fr; gap:20px; }
.small { font-size:13px; color:var(--subtext); }
.contacts a { display:block; margin-bottom:6px; }
.address { white-space: pre-line; }
@media(max-width: 920px) {
  .hero-wrap { grid-template-columns: 1fr; }
  .grid-3 { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
}