body { font-family: Georgia, 'Times New Roman', serif; line-height: 1.6;
  color: #222; background: #fbfaf7; max-width: 760px; margin: 0 auto;
  padding: 40px 24px 64px; }
.hero { text-align: center; margin-bottom: 28px; }
h1 { font-size: 2.2rem; margin: 0 0 4px; }
.tagline { color: #555; font-style: italic; margin: 0 0 28px; }
.cta { display: inline-block; background: #5865F2; color: #fff;
  text-decoration: none; font-weight: bold; padding: 12px 24px;
  border-radius: 6px; margin: 4px 0 32px; }
.cta:hover { background: #4752c4; }
p { margin: 0 0 18px; }
figure { margin: 24px 0; }
img { width: 70%; height: auto; border: 1px solid #ccc; display: block; margin: 0 auto; }
figcaption { font-size: 0.9rem; color: #666; margin-top: 6px; text-align: center; }
footer { margin-top: 40px; padding-top: 16px; border-top: 1px solid #ddd;
  font-size: 0.9rem; color: #777; }
footer a { color: #5865F2; }