/* About page — extends ../home/style.css */

.page-hero{
  padding:96px 0 60px;
  background:radial-gradient(600px 320px at 20% 0%, rgba(139,92,246,.16), transparent 70%);
}
.page-hero h1{ font-size:clamp(2rem, 4.6vw, 3rem); max-width:760px; }
.page-hero .lead{ max-width:560px; font-size:1.05rem; margin-top:16px; }

/* Stats */
.stats{ padding:0 0 88px; }
.stats-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:20px;
  border:1px solid var(--border); border-radius:var(--radius); background:var(--surface);
}
.stats-grid > div{ padding:32px; text-align:center; border-right:1px solid var(--border); }
.stats-grid > div:last-child{ border-right:0; }
.stats-grid strong{
  display:block; font-family:var(--font-display); font-size:2rem;
  background:var(--accent-grad); -webkit-background-clip:text; background-clip:text; color:transparent;
}
.stats-grid > div:nth-child(1) strong{ background:linear-gradient(100deg, var(--accent-a), var(--accent-b)); -webkit-background-clip:text; background-clip:text; }
.stats-grid > div:nth-child(2) strong{ background:linear-gradient(100deg, var(--accent-c), var(--accent-b)); -webkit-background-clip:text; background-clip:text; }
.stats-grid > div:nth-child(3) strong{ background:linear-gradient(100deg, var(--accent-d), var(--accent-a)); -webkit-background-clip:text; background-clip:text; }
.stats-grid span{ color:var(--text-muted); font-size:.85rem; }
@media (max-width:640px){
  .stats-grid{ grid-template-columns:1fr; }
  .stats-grid > div{ border-right:0; border-bottom:1px solid var(--border); }
  .stats-grid > div:last-child{ border-bottom:0; }
}

/* Story */
.story .eyebrow{ color:var(--accent-c); }

/* Values */
.values .eyebrow{ color:var(--accent-d); }
.values-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:8px; }
.values-grid .card{
  border-top:2px solid var(--v-accent, var(--accent-b));
  position:relative; overflow:hidden;
}
.values-grid .card::before{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(220px 140px at 15% 0%, color-mix(in srgb, var(--v-accent, var(--accent-b)) 14%, transparent), transparent 70%);
}
.values-grid .card:nth-child(1){ --v-accent: var(--accent-a); }
.values-grid .card:nth-child(2){ --v-accent: var(--accent-c); }
.values-grid .card:nth-child(3){ --v-accent: var(--accent-d); }
@media (max-width:760px){ .values-grid{ grid-template-columns:1fr; } }

/* Founder */
.founder-card{ display:flex; align-items:flex-start; gap:24px; }
.avatar.large{
  width:64px; height:64px; font-size:1.1rem; flex-shrink:0;
  background:linear-gradient(100deg, var(--accent-c), var(--accent-d));
}
.founder-card .tag{ display:inline-block; margin:8px 0 12px; }