.about-wrap { width:100%; max-width:100%; margin:0 auto; }
.about-hero {
  text-align: center; margin-bottom: 40px; padding: 36px 20px;
  background: linear-gradient(135deg, var(--surf2) 0%, var(--surf) 100%);
  border: 1px solid var(--brd); border-radius: 18px;
}
.about-hero h1 { font-size: clamp(1.6rem,3vw,2.2rem); font-weight: 800; margin-bottom: 10px; }
.about-hero p  { color: var(--txt-2); max-width: 580px; margin: 0 auto; line-height: 1.7; }
.about-hero .ev-badge {
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--c-glow); color: var(--c-primary); border: 1px solid rgba(37,99,235,.2);
  border-radius: 20px; padding: 5px 14px; font-size: .8rem; font-weight: 700; margin-bottom: 16px;
}
/* Feature grid */
.feat-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; margin-bottom: 36px; }
.feat-card {
  background: var(--surf); border: 1px solid var(--brd); border-radius: 16px;
  padding: 20px; transition: box-shadow .2s, border-color .2s;
}
.feat-card:hover { box-shadow: var(--sh-sm); border-color: var(--c-primary); }
.feat-card .fc-icon { font-size: 1.8rem; margin-bottom: 12px; display: block; }
.feat-card h3 { font-size: .92rem; font-weight: 700; margin-bottom: 6px; }
.feat-card p  { font-size: .82rem; color: var(--txt-2); line-height: 1.6; }
/* Vision */
.vision-sec { background: var(--surf); border: 1px solid var(--brd); border-radius: 16px; padding: 28px; margin-bottom: 28px; }
.vision-sec h2 { font-size: 1.05rem; font-weight: 700; margin-bottom: 14px; display: flex; align-items: center; gap: 8px; }
.vision-sec h2 i { color: var(--c-primary); }
.vision-sec p { font-size: .9rem; color: var(--txt-2); line-height: 1.7; margin-bottom: 10px; }
/* Stats */
.stats-row { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 12px; margin-bottom: 28px; }
.stat-item { background: var(--surf2); border: 1px solid var(--brd); border-radius: 12px; padding: 14px; text-align: center; min-width: 0; overflow: hidden; }
.stat-item .sv { font-size: 1.8rem; font-weight: 800; color: var(--c-primary); line-height: 1; margin-bottom: 4px; word-break: break-word; }
.stat-item .sl { font-size: .72rem; color: var(--txt-3); word-break: break-word; line-height: 1.35; }
/* CTA */
.about-cta { text-align: center; padding: 28px; background: var(--surf2); border: 1px solid var(--brd); border-radius: 16px; }
.about-cta h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 8px; }
.about-cta p  { color: var(--txt-2); font-size: .88rem; margin-bottom: 16px; }

/* Persona cards */
.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:6px;}
.persona-card{padding:14px;border:1px solid var(--brd);border-radius:12px;background:var(--surf2);min-width:0;}
.persona-icon{font-size:1.6rem;margin-bottom:6px;}
.persona-title{font-size:.88rem;font-weight:700;margin:0 0 4px;}
.persona-text{font-size:.78rem;color:var(--txt-2);line-height:1.55;margin:0;}
.about-email{margin-top:14px;font-size:.84rem;color:var(--txt-3);}
.about-email i{margin-right:5px;}.about-email a{color:var(--c-primary);}
@media(max-width:760px){.about-hero,.vision-sec,.about-cta{padding:20px 16px}.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));}.feat-grid{grid-template-columns:1fr;}}