.about {
  padding: 64px 0;
  background: var(--bg-tinted);
}

.about-top {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 72px; align-items: center; margin-bottom: 56px;
}

.about-text { display: flex; flex-direction: column; }
.about-title { margin-bottom: 24px; }
.about-eyebrow-row { margin-bottom: 12px; }

.about-desc {
  font-size: var(--fs-base); line-height: 1.6; color: var(--text-secondary); max-width: 520px;
}

.about-desc strong { font-weight: 700; color: var(--text-primary); }

.about-right {
  display: flex; flex-direction: column; align-items: flex-start;
  gap: 32px; padding: 40px 48px; background: var(--bg-page);
  border-radius: var(--r-lg); border: 1px solid var(--border-default);
}

.about-logo { opacity: .95; }
.about-logo img { max-width: 200px; }

.about-right-desc {
  font-size: 15px; line-height: 1.6; color: var(--text-secondary); margin: 0;
}

.stats-grid {
  padding-top: 40px;
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(20,130,136,.3);
}

.stat {
  text-align: center; padding: 0 20px; position: relative;
}

.stat + .stat::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  width: 1px; background: rgba(20,130,136,.3);
}

.stat-value {
  font-weight: 700; font-size: 52px; line-height: 1.3; color: var(--c-teal-500);
}

.stat-label {
  font-size: var(--fs-sm); color: var(--text-secondary); line-height: 1.5;
}