:root{
  --ink:#1a1b1f;
  --ink-soft:#6b7580;
  --muted:#9aa3af;
  --ring:0 0 0 .14rem rgba(34,50,128,.35);
}

.about,
.about-points{
  background:#fff;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--ink);
}

.about__container{
  max-width:1120px;
  margin-inline:auto;
  padding-inline:24px;
}

.about{ padding:110px 0 48px; }
.about__grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:48px;
  align-items:center;
}

.about__eyebrow{
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.about__title{
  margin:0 0 .7rem;
  font-weight:400;
  font-size:34px;
  line-height:1.2;
  color:var(--ink);
}

.about__lead,
.about__text{
  margin:0 0 .75rem 0;
  font-size:16px;
  line-height:28px;
  color:var(--ink);
}
.paragraph-light{ opacity:.6; }

.about__figure{ margin:0; }
.about__image{
  display:block;
  width:100%; height:auto;
  border-radius:12px;
  object-fit:cover;
  box-shadow:0 10px 28px rgba(15,23,42,.10);
  outline:1px solid rgba(255,255,255,.6);
}

.about-points{ padding:48px 0 64px; }
.points__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:56px;
}
.point{ text-align:left; }
.point__icon{
  color:#1f2937;
  font-size:28px;
  line-height:1;
  margin-bottom:12px;
}
.point__title{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.4;
  font-weight:400;
  color:var(--ink);
}
.point__text{
  margin:0;
  font-size:16px;
  line-height:28px;
  color:var(--ink);
}

.about__cta-wrap{ text-align:center; margin-top:28px; }
.about__cta{
  --cta-blue:#2f4687;                
  display:inline-block;
  background:var(--cta-blue);
  color:#fff;
  text-decoration:none;
  border:0;
  border-radius:0;                   
  box-shadow:none;                     
  padding:.72rem 1.25rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:12px;
  line-height:1;
  font-weight:400;
}
.about__cta:hover,
.about__cta:focus{ background:#28407b; color:#fff; }
.about__cta:active{ background:#23386e; }
.about__cta:focus-visible{
  outline:2px solid rgba(34,50,128,.35);
  outline-offset:2px;
}

@media (max-width: 992px){
  .about{ padding:112px 0 36px; }
  .about__grid{ grid-template-columns: 1fr; gap:28px; }
  .about__title{ font-size:30px; }
  .points__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); gap:44px; }
}
@media (max-width: 576px){
  .about{ padding:112px 0 28px; }
  .about__title{ font-size:26px; }
  .points__grid{ grid-template-columns: 1fr; gap:32px; }
}

@media (prefers-reduced-motion:reduce){
  *{ transition:none !important; animation:none !important; }
}
