/* DeveloperCards landing page. System font stack only; no imports, no images, no scripts. */
* { box-sizing: border-box; }
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.55;
  color: #1b1b1f;
  background: #fafaf7;
}
body { margin: 0; padding: 0 16px; }
main { max-width: 40rem; margin: 0 auto; padding: 3rem 0 4rem; }
.brand { margin: 0 0 0.5rem; font-size: 0.85rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #6b6b75; }
h1 { margin: 0 0 1rem; font-size: 2rem; line-height: 1.2; }
h2 { margin: 2.5rem 0 0.75rem; font-size: 1rem; letter-spacing: 0.06em; }
.lede { font-size: 1.125rem; }
.button { display: inline-block; padding: 0.75rem 1.25rem; border-radius: 999px; background: #1b1b1f; color: #ffffff; font-weight: 600; text-decoration: none; }
.button:hover, .button:focus { background: #3a3a44; }
ul { padding-left: 1.25rem; }
li { margin: 0.5rem 0; }
a { color: #1f4fbf; }
footer { margin-top: 3rem; padding-top: 1rem; border-top: 1px solid #dddddd; color: #6b6b75; font-size: 0.9rem; }