*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;color:#222;background:#fff;line-height:1.6}
.hero{padding:4rem 1rem;text-align:center}
.logo{width:120px;margin-bottom:1rem}
h1{font-size:2.2rem;font-weight:700;margin-bottom:0.5rem}
.tagline{font-size:1.1rem;color:#555;margin-bottom:1.5rem}
.cta{display:inline-block;background:#007BFF;color:#fff;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:600}
.section{padding:3rem 1rem;max-width:900px;margin:0 auto;text-align:center}
.section.alt{background:#f8f9fa}
h2{font-size:1.8rem;margin-bottom:1.5rem}
.cards{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}
.card{flex:1 1 260px;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;background:#fff}
.card h3{margin-bottom:.75rem;font-size:1.15rem}
ul{margin-top:1rem;text-align:left;list-style:square inside}
.ceo-grid{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:center}
.avatar{width:140px;height:140px;border-radius:50%;object-fit:cover;background:#e5e7eb}

footer {
  background: #111;
  color: #ddd;
  text-align: center;
  padding: 2rem 1rem;
  margin-top: 2rem;
  font-size: 0.85rem;
}
footer a {
  color: #4da6ff;
  text-decoration: none;
}
footer a:hover {
  text-decoration: underline;
}

@media(max-width:600px){h1{font-size:1.75rem}h2{font-size:1.6rem}}