body { font-family: system-ui, sans-serif; margin: 0; line-height: 1.6; }
header { display: flex; justify-content: space-between; align-items: center; padding: 1rem 2rem; background: #0a1a2f; color: white; }
header nav a { margin-left: 1rem; color: white; text-decoration: none; }
.hero {
  text-align: center;
  padding: 3rem 2rem; /* reduced from 6rem */
  background: linear-gradient(135deg, #0a1a2f, #1f3c6d);
  color: white;
}

.hero h1 {
  font-size: 2.2rem;   /* smaller headline */
  margin-bottom: 0.5rem;
}

.cta {
  display: inline-block;
  margin-top: 0.75rem;
  padding: 0.6rem 1.2rem; /* slightly smaller button */
  background: #ffcc00;
  color: #0a1a2f;
  font-weight: bold;
  border-radius: 4px;
  text-decoration: none;
}

section { padding: 3rem 2rem; max-width: 900px; margin: auto; }
.product { margin-bottom: 2rem; }
footer { text-align: center; padding: 1rem; background: #f4f4f4; font-size: 0.9rem; }