body { margin: 0; font-family: Georgia, "Times New Roman", serif; color: #222; background: #fbfaf7; }
.demo-banner { background: #fff4ce; border-bottom: 1px solid #e8d48a; padding: 10px 16px; font: 14px/1.5 system-ui, sans-serif; }
.demo-banner code { background: #fff; padding: 1px 4px; border-radius: 4px; }
.site-head { display: flex; justify-content: space-between; align-items: center; padding: 18px 24px; border-bottom: 1px solid #e6e2d8; flex-wrap: wrap; gap: 10px; }
.logo { font-size: 22px; font-weight: bold; }
.logo span { color: #b5651d; }
nav a { margin-left: 18px; color: #333; text-decoration: none; font-family: system-ui, sans-serif; }
.hero { max-width: 760px; margin: 60px auto; padding: 0 16px; }
.hero h1 { font-size: 36px; line-height: 1.2; }
.hero p { font-size: 18px; line-height: 1.6; color: #444; }
.cta { display: inline-block; background: #b5651d; color: #fff; padding: 12px 20px; border-radius: 6px; text-decoration: none; font-family: system-ui, sans-serif; }
.services li { margin-bottom: 12px; font-size: 18px; }
.services strong { display: block; }