:root {
  --cn-ink: #0b1626;
  --cn-ink-2: #13233a;
  --cn-accent: #2fd28a;
  --cn-muted: #9fb0c6;
}
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.cn-brand { font-weight: 700; letter-spacing: .02em; color: #fff; text-decoration: none; }
.cn-brand span { color: var(--cn-accent); }
.cn-hero { background: radial-gradient(1200px 500px at 85% -10%, #1d3f5f 0%, transparent 60%), var(--cn-ink); color: #fff; }
.cn-hero .lead { color: var(--cn-muted); max-width: 44rem; }
.cn-eyebrow { color: var(--cn-accent); font-weight: 600; text-transform: uppercase; letter-spacing: .12em; font-size: .8rem; }
.cn-feature { border: 1px solid #e3e8ef; border-radius: .75rem; height: 100%; padding: 1.5rem; }
.cn-feature .cn-num { color: var(--cn-accent); font-weight: 700; font-size: 1.75rem; line-height: 1; }
.cn-pilot { background: var(--cn-ink-2); color: #fff; border-radius: 1rem; }
.cn-pilot p { color: var(--cn-muted); }
.cn-pilot a { color: var(--cn-accent); }
.cn-footer { background: var(--cn-ink); color: var(--cn-muted); font-size: .9rem; }
.cn-footer a { color: var(--cn-muted); }
.cn-footer a:hover { color: #fff; }
.cn-legal h2 { font-size: 1.25rem; margin-top: 2rem; }
.cn-todo { background: #fff3cd; padding: .1rem .35rem; border-radius: .25rem; }