body { margin:0; padding:0; font-family:Arial,Helvetica,sans-serif; background:#fafafa; color:#222; line-height:1.55; }
    main { max-width:960px; margin:0 auto; padding:24px; }
    h1,h2 { font-weight:600; margin:24px 0 12px; }
    section { background:#fff; padding:18px; margin-bottom:16px; border:1px solid #e1e1e1; border-radius:6px; }
    ul { margin:12px 0 12px 22px; }
    a { color:#0066cc; text-decoration:none; }
    footer { margin-top:28px; padding:18px; font-size:13px; color:#666; text-align:left; }
  header { padding:18px; background:#ffffff; border-bottom:1px solid #e1e1e1; }
  .brand { display:flex; align-items:center; gap:8px; }
  .logo { height:36px; width:auto; }
  .site-title { font-size:20px; font-weight:600; color:#222; }

  .hero { background:#f5f7fa; padding:32px 18px; text-align:center; border-bottom:1px solid #e1e1e1; }
  .hero-inner { max-width:900px; margin:0 auto; }
  .hero h1 { font-size:26px; margin-bottom:12px; }
  .hero-tagline { font-size:15px; color:#444; margin-bottom:18px; }
  .hero-banner img { max-width:100%; height:auto; border-radius:4px; border:1px solid #d8d8d8; }