:root { color-scheme: dark; }
body { margin: 0; font: 17px/1.55 -apple-system, "SF Pro Text", Helvetica, Arial, sans-serif;
       background: #1c1d25; color: #e8e8ee; }
main { max-width: 760px; margin: 0 auto; padding: 56px 24px 72px; }
h1 { font-size: 34px; margin: 0 0 6px; letter-spacing: -0.01em; }
h2 { font-size: 20px; margin: 32px 0 8px; }
p, li { color: #c9cad4; }
a { color: #5ee6a8; text-decoration: none; }
a:hover { text-decoration: underline; }
.lede { font-size: 19px; color: #e8e8ee; }
.icon { width: 112px; height: 112px; display: block; margin: 0 0 20px; }
.muted { color: #8d8f9c; font-size: 15px; }
.shot { width: 100%; height: auto; border-radius: 12px; margin: 22px 0 26px;
        box-shadow: 0 18px 48px rgba(0,0,0,0.45); }