:root {
  color-scheme: light;
  --ink: #172033;
  --muted: #5f6b7d;
  --line: #dfe5ee;
  --paper: #f6f8fb;
  --card: #ffffff;
  --blue: #1d4ed8;
  --blue-soft: #eaf0ff;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font: 16px/1.65 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
a { color: var(--blue); }
header, main, footer { width: min(760px, calc(100% - 32px)); margin-inline: auto; }
header { padding: 28px 0 18px; }
nav { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 14px; font-size: 0.92rem; }
nav a { text-decoration: none; font-weight: 650; }
main { padding-bottom: 40px; }
h1 { margin: 0; font-size: clamp(2rem, 7vw, 3.25rem); line-height: 1.1; letter-spacing: -0.04em; }
h2 { margin: 0 0 8px; font-size: 1.15rem; }
p, ul { margin: 0; }
section, .hero {
  margin-bottom: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--card);
}
.hero { background: var(--blue-soft); }
.eyebrow { color: var(--blue); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; }
.muted { color: var(--muted); }
.fa { direction: rtl; text-align: right; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }
.contact { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.button { display: inline-block; padding: 10px 15px; border-radius: 12px; color: white; background: var(--blue); font-weight: 700; text-decoration: none; }
footer { padding: 0 0 36px; color: var(--muted); font-size: 0.85rem; }
address { font-style: normal; }
ul { padding-left: 22px; }
@media (max-width: 520px) { section, .hero { padding: 16px; border-radius: 15px; } }