.about-hero {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff; text-align: center; padding: 4rem 1rem;
}
.about-hero h1 { font-size: clamp(1.8rem, 5vw, 2.8rem); font-weight: 900; }
.about-hero p  { font-size: 1.1rem; opacity: .9; margin-top: .8rem; }

.about-section { max-width: 760px; margin: 0 auto; padding: 3rem 1.5rem; }
.about-section h2 {
  font-size: 1.4rem; font-weight: 800; margin: 2.5rem 0 1rem;
  padding-left: .8rem;
  border-left: 4px solid #764ba2;
}
.about-section p { color: #444; line-height: 1.9; }

.service-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.service-table th, .service-table td {
  padding: .75rem 1rem; border-bottom: 1px solid #eee; text-align: left;
}
.service-table th { background: #f8f6ff; font-weight: 700; width: 35%; color: #555; }