/* Simple, clean styles for a corporate static page */

:root{
  --accent: #8b2e15;
  --bg: #ffffff;
  --text: #222222;
  --muted: #666666;
  --max-width: 1000px;
}

*{box-sizing:border-box;}
body{
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans CJK JP", "Microsoft YaHei", Arial, sans-serif;
  color:var(--text);
  background:var(--bg);
  margin:0;
  padding:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.site-header{
  display:flex;
  gap:16px;
  align-items:center;
  padding:28px 16px;
  border-bottom:1px solid #eee;
  max-width:var(--max-width);
  margin:0 auto;
}

.logo{
  width:96px;
  height:96px;
  object-fit:contain;
  border-radius:6px;
  background:transparent;
}

.brand h1{
  margin:0;
  font-size:20px;
  letter-spacing:0.6px;
}

.brand .tagline{
  margin:6px 0 0 0;
  color:var(--muted);
  font-size:14px;
}

.container{
  max-width:var(--max-width);
  margin:28px auto;
  padding:0 16px 80px 16px;
}

.card{
  background: #fff;
  border-radius:8px;
  padding:18px;
  margin-bottom:18px;
  box-shadow: 0 1px 0 rgba(0,0,0,0.04);
}

.card h2{margin-top:0;color:var(--accent);}

ul{margin:8px 0 0 20px;}

.site-footer{
  text-align:center;
  color:var(--muted);
  padding:24px 16px;
  border-top:1px solid #f0f0f0;
  font-size:13px;
}

/* Responsive */
@media (max-width:520px){
  .site-header{padding:18px 12px;}
  .logo{width:72px;height:72px;}
  .brand h1{font-size:18px;}
}