:root {
  --ink: #222c45;
  --muted: #6b7489;
  --sky: #1e96e8;
  --paper: #ffffff;
  --wash: #f4f6fa;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--wash);
  color: var(--ink);
  font: 17px/1.6 "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;
}

a { color: var(--sky); }

.home {
  max-width: 760px;
  margin: 0 auto;
  padding: 64px 16px 48px;
  text-align: center;
}

.logo { border-radius: 30px; box-shadow: 0 12px 32px rgba(20, 116, 216, .25); }

h1 {
  margin: 24px 0 0;
  font-size: 56px;
  font-weight: 900;
  letter-spacing: 2px;
}

.kicker {
  margin: 0;
  color: var(--sky);
  font-weight: 800;
  letter-spacing: 8px;
}

.pitch { max-width: 520px; margin: 28px auto; color: var(--muted); }

.banner {
  width: 100%;
  height: auto;
  border-radius: 20px;
  margin: 8px 0 24px;
}

.soon { font-weight: 800; }

nav { display: flex; gap: 24px; justify-content: center; margin-top: 32px; }

.doc {
  max-width: 760px;
  margin: 0 auto;
  padding: 40px 16px 64px;
  background: var(--paper);
}

.doc h1 { font-size: 36px; letter-spacing: 0; }
.doc h2 { margin-top: 32px; font-size: 22px; }
.meta { color: var(--muted); }
.back { font-weight: 800; text-decoration: none; }