@charset "UTF-8";
/* CSS Document */

.hero-section {
  background: linear-gradient(
      rgba(0, 70, 140, 0.85),
      rgba(0, 120, 200, 0.85)
    ),
    url('/images/maths-hero-bg.webp');
  background-size: cover;
  background-position: center;
  padding: 80px 0;
  min-height: 500px;
}

.hero-section h1 {
  text-shadow: 0 3px 6px rgba(0,0,0,0.4);
}

.hero-accent {
  color: #ffd43b; /* warm yellow accent */
}

.hero-lead {
  max-width: 750px;
  font-size: 1.2rem;
}

.hero-list li {
  margin-bottom: 8px;
  font-size: 1.05rem;
}

.hero-trust {
  max-width: 750px;
  font-size: 0.95rem;
  opacity: 0.95;
}