.about {
      max-width: var(--container-narrow);
      margin-inline: auto;
    }
    .about__lead {
      font-size: var(--fs-lead);
      color: var(--color-text);
      line-height: 1.7;
      margin-bottom: var(--space-4);
    }
    .about p { margin-bottom: var(--space-4); line-height: 1.75; }
    .about h2 {
      font-size: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
      margin-top: var(--space-8);
      margin-bottom: var(--space-4);
    }

    /* value / what-we-do grid */
    .about__grid {
      list-style: none;
      padding: 0;
      margin: var(--space-5) 0 0;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: var(--space-4);
    }
    .about__card {
      background: var(--color-bg-soft);
      border: 1px solid var(--color-line);
      border-radius: var(--radius-lg);
      padding: var(--space-5);
    }
    .about__card-icon {
      display: inline-grid;
      place-items: center;
      width: 44px;
      height: 44px;
      border-radius: var(--radius-md);
      background: rgba(16, 185, 129, 0.12);
      color: var(--color-primary-dark);
      margin-bottom: var(--space-3);
    }
    .about__card h3 { font-size: 1.05rem; margin-bottom: var(--space-2); }
    .about__card p { font-size: var(--fs-small); color: var(--color-muted); margin: 0; line-height: 1.6; }

    /* founder card */
    .about__founder {
      display: flex;
      gap: var(--space-5);
      align-items: center;
      background: var(--color-bg-soft);
      border: 1px solid var(--color-line);
      border-radius: var(--radius-lg);
      padding: var(--space-6);
      margin-top: var(--space-5);
    }
    .about__avatar {
      flex: 0 0 auto;
      width: 78px;
      height: 78px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-size: 1.9rem;
      font-weight: 800;
      color: #fff;
      background: var(--gradient-primary);
      box-shadow: var(--shadow-md);
    }
    .about__founder-name { font-size: 1.15rem; margin-bottom: 2px; }
    .about__founder-role { font-size: var(--fs-small); color: var(--color-primary-dark); font-weight: 600; margin-bottom: var(--space-2); }
    .about__founder p { font-size: var(--fs-small); color: var(--color-muted); margin: 0; }

    .about__box {
      background: var(--color-bg-tint);
      border: 1px solid var(--color-line);
      border-radius: var(--radius-md);
      padding: var(--space-5);
      margin-top: var(--space-6);
      font-size: var(--fs-small);
      color: var(--color-text);
    }
    .about__box strong { color: var(--color-heading); }

    .about__cta {
      text-align: center;
      margin-top: var(--space-8);
    }
    .about__cta p { color: var(--color-muted); margin-bottom: var(--space-4); }

    @media (max-width: 560px) {
      .about__grid { grid-template-columns: 1fr; }
      .about__founder { flex-direction: column; text-align: center; }
    }