:root { color-scheme: light dark; }
body { font: 16px/1.65 -apple-system, BlinkMacSystemFont, system-ui, sans-serif; max-width: 44rem; margin: 0 auto; padding: 3rem 1.25rem 5rem; }
h1 { font-size: 2rem; margin-bottom: .25rem; line-height: 1.2; }
h2 { font-size: 1.15rem; margin-top: 2.5rem; }
h3 { font-size: 1rem; margin-top: 1.8rem; margin-bottom: .3rem; }
.updated { opacity: .6; font-size: .9rem; margin-top: 0; }
ul { padding-left: 1.25rem; } li { margin: .4rem 0; }
nav { margin-bottom: 2rem; font-size: .9rem; display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; }
nav img { width: 28px; height: 28px; vertical-align: middle; margin-right: .4rem; }
a { color: inherit; }
.icon { width: 112px; height: 112px; }
.cta { display: inline-block; padding: .55rem 1.1rem; border-radius: 999px; background: #1a66ee; color: #fff; text-decoration: none; font-weight: 600; }
.contact { border: 1px solid color-mix(in srgb, currentColor 15%, transparent); border-radius: 10px; padding: .4rem 1.2rem; }
footer { margin-top: 4rem; font-size: .9rem; opacity: .7; }