.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; gap: 0; }
.about-title { margin-bottom: 24px; }

.about-eyebrow-row { margin-bottom: 12px; }

.about-brand {
  font-family: var(--font-family-display);
  font-weight: 700; font-size: var(--fs-2xl); line-height: 1.2;
  color: var(--text); margin-bottom: 24px;
}
.about-brand .teal { color: var(--teal); }

.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); }

.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 { width: 200px; height: auto; display: block; }

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

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

.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-family: var(--font-family-display);
  font-weight: 700; font-size: var(--fs-display); line-height: 1.3; color: var(--teal);
}
.stat-label {
  font-size: 14px; color: var(--text-secondary); line-height: 1.5;
}