.about-page{ padding: 48px 0; }
.about-page h1{ font-size: 40px; line-height: 1.1; margin-bottom: 14px; color:#1f3f68; }
.about-lead{ font-size: 18px; line-height: 1.6; color:#32325d; max-width: 78ch; }

.about-grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 28px 0 18px;
}
.about-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 18px;
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
}
.about-card h2{ font-size: 18px; margin-bottom: 10px; color:#1f3f68; }
.about-card p{ color:#32325d; line-height:1.55; }

.about-list{ margin: 0; padding: 0; list-style: none; display:grid; gap: 8px; }
.about-list li{ position: relative; padding-left: 22px; color:#32325d; line-height:1.5; }
.about-list li:before{ content:"✓"; position:absolute; left:0; top:0; color:#77c393; font-weight:700; }

.about-who{ margin: 26px 0; }
.about-who h2{ font-size: 24px; margin-bottom: 12px; color:#1f3f68; }
.about-cols{ display:grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.about-col{
  background:#f7faf8;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 18px;
}
.about-col h3{ font-size: 18px; margin-bottom: 10px; color:#1f3f68; }

.about-cta{
  margin-top: 28px;
  padding: 18px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  background: linear-gradient(135deg, rgba(119,195,147,.12), rgba(255,255,255,.7));
}
.about-cta h2{ font-size: 22px; margin-bottom: 8px; color:#1f3f68; }
.about-cta p{ color:#32325d; line-height:1.55; }
.about-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 12px; }
.about-note{ margin-top: 10px; font-size: 14px; opacity: .85; }

@media (max-width: 900px){
  .about-grid{ grid-template-columns: 1fr; }
  .about-cols{ grid-template-columns: 1fr; }
  .about-page h1{ font-size: 30px; }
}