/* =========================================================================
   Nancy AI — About page (about.html) specific styles.
   Loaded only by about.html. Shared components (hero, potential, science-bar,
   buttons) live in main.css and are reused here without modification.
   ========================================================================= */

/* ───────── FOUNDERS ───────── */
.founders{padding:120px 0;background:#fff;}
.founders-head{text-align:center;max-width:640px;margin:0 auto 56px;}
.founders-head .eyebrow{margin-bottom:14px;}
.founders-head h2{margin-bottom:14px;}
.founders-head .lede{margin:0 auto;}
.founders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:920px;margin:0 auto;}
.founder-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-lg);padding:40px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;}
.founder-avatar{width:84px;height:84px;border-radius:50%;margin-bottom:24px;display:flex;align-items:center;justify-content:center;font:800 26px/1 var(--font-display);color:#fff;background:var(--grad-card);letter-spacing:.02em;}
.founder-name{font:700 22px/1.25 var(--font-display);color:var(--ink-900);margin-bottom:6px;}
.founder-role{font:600 13px/1.4 var(--font-body);color:var(--v600);margin-bottom:16px;}
.founder-bio{font:400 15px/1.55 var(--font-body);color:var(--ink-600);margin-bottom:20px;max-width:320px;}
.founder-link{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--font-body);color:var(--ink-900);border:1.5px solid var(--line-strong);border-radius:999px;padding:10px 18px;margin-top:auto;transition:border-color .15s, color .15s, background .15s;}
.founder-link:hover{border-color:var(--v500);color:var(--v600);background:var(--v50);}
.founder-link:focus-visible{outline:2px solid var(--v500);outline-offset:3px;}

/* ───────── CTA BAND ───────── */
.ctaband{padding:120px 0;background:var(--bg-ink);color:#fff;position:relative;overflow:hidden;text-align:center;}
.ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 50% 20%, rgba(91,63,228,0.42) 0%, rgba(91,63,228,0) 65%);pointer-events:none;}
.ctaband-inner{position:relative;max-width:720px;margin:0 auto;}
.ctaband .eyebrow{color:var(--v300);margin-bottom:18px;}
.ctaband h2{color:#fff;margin-bottom:20px;}
.ctaband p{color:rgba(255,255,255,.78);font:400 18px/1.55 var(--font-body);max-width:540px;margin:0 auto 32px;}
.ctaband-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.ctaband-cta .btn{min-height:48px;}
.ctaband-cta .btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}

/* ───────── RESPONSIVE ───────── */
@media (max-width:1100px){
  .founders-grid{gap:20px;}
}
@media (max-width:900px){
  .founders, .ctaband{padding:88px 0;}
}
@media (max-width:720px){
  .founders, .ctaband{padding:64px 0;}
  .founders-grid{grid-template-columns:1fr;max-width:440px;}
  .founder-card{padding:32px 28px;}
  .ctaband p{font-size:16px;}
  .ctaband-cta .btn{width:100%;justify-content:center;}
}
@media (max-width:480px){
  .founders, .ctaband{padding:52px 0;}
}