.hero {
    width: 100%;
    margin: 0 auto;
    padding: 1.6rem 1.2rem;          /* üst-alt ve sağ-sol */
    text-align: center;
    background: #f3f3f5;
    box-sizing: border-box; /* padding artık width içine dahil */
}

.hero-title {
  font-family: "Google Sans", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0 0 1rem;
}

.hero-subtitle {
  font-family: "Google Sans", sans-serif;
  font-weight: 400;
  font-size: 1.2rem !important; /* değişikliği zorla uygula */
  margin: 0;
}