:root {
  --navy: #001f5c;
  --ink: #121826;
  --muted: #3d4a63;
}

* { box-sizing: border-box; }
html, body { margin: 0; background: #fff; color: var(--ink); }
body {
  font: 18px/1.5 system-ui, -apple-system, Segoe UI, sans-serif;
  min-height: 100vh;
}

header, main, footer { max-width: 40rem; margin: 0 auto; padding: 0 1.25rem; }
header { display: flex; align-items: center; gap: 0.75rem; padding-top: 1.5rem; }
header img { height: 3rem; width: auto; }
header p { margin: 0; font-weight: 700; color: var(--navy); }

h1, h2 { color: var(--navy); line-height: 1.15; }
h1 { font-size: clamp(1.75rem, 5vw, 2.75rem); margin: 2.5rem 0 1rem; }
h2 { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.06em; margin: 2.5rem 0 0.75rem; }
.lede, main p { color: var(--muted); }
.lede { font-size: 1.15rem; }

.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1rem; }
.btn {
  display: inline-block;
  background: var(--navy);
  color: #fff;
  font-weight: 650;
  text-decoration: none;
  padding: 0.85rem 1.15rem;
  border-radius: 6px;
}
.btn-light { background: #fff; color: var(--navy); }
.mail { color: var(--navy); }

ul { margin: 0; padding: 0; list-style: none; }
li { padding-left: 1.1rem; position: relative; margin: 1rem 0; color: var(--muted); }
li::before {
  content: "";
  position: absolute; left: 0; top: 0.55rem;
  width: 0.5rem; height: 0.5rem; border-radius: 50%; background: var(--navy);
}
li strong { display: block; color: var(--navy); }

.band {
  background: var(--navy);
  color: #fff;
  border-radius: 8px;
  padding: 1.75rem 1.25rem;
  margin: 2.5rem 0 3rem;
}
.band h2 { color: #fff; font-size: 1.5rem; text-transform: none; letter-spacing: 0; }
.band p { color: rgba(255,255,255,0.85); }

footer { border-top: 1px solid rgba(0,31,92,0.15); padding: 1.25rem; color: var(--muted); font-size: 0.9rem; }