/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
  line-height: 1.6;
  background-color: #fafafa;
}

header.hero {
  position: relative;
  background: url('https://images.unsplash.com/photo-1527443224154-c4f3e0b2d06c?auto=format&fit=crop&w=1600&q=80') center/cover no-repeat;
  min-height: 88vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

header .overlay {
  text-align: center;
  padding: 2rem;
}

header .overlay.logo-only {
  background: none;
}

.logo {
  width: min(70vw, 360px);
  height: auto;
  margin-bottom: 2rem;
}

.cta-button {
  display: inline-block;
  padding: 0.75rem 1.5rem;
  background: #009688;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  transition: transform 0.15s ease, background 0.3s ease;
}

.cta-button:hover { background: #00796b; transform: translateY(-1px); }

main { padding: 2rem; max-width: 900px; margin: auto; }
section { margin-bottom: 2rem; }
section h2 { margin-bottom: 1rem; color: #009688; }

footer { background: #333; color: #fff; text-align: center; padding: 1rem; }