* { margin:0; padding:0; box-sizing:border-box; }
body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:#111; background:#fff; line-height:1.7;
}
.container { max-width:980px; margin:auto; padding:0 20px; }
.site-header { border-bottom:1px solid #e5e5e5; padding:18px 0; }
.logo { font-weight:700; font-size:1.2rem; letter-spacing:0.05em; }
nav a { margin-right:18px; text-decoration:none; color:#333; font-size:0.95rem; }
nav a:hover { text-decoration:underline; }
.hero { padding:70px 0 50px; }
.hero h1 { font-size:2.2rem; font-weight:600; margin-bottom:14px; }
.subtitle { font-size:1.1rem; color:#555; }
.content { padding:40px 0; }
.content h2 { font-size:1.4rem; margin:32px 0 14px; }
.site-footer { border-top:1px solid #e5e5e5; padding:25px 0; font-size:0.85rem; color:#666; margin-top:60px; }