/* about.css — About page only.
   Loaded after content.css, which provides the :root tokens, fonts and base
   classes (.page-hero, .prose, .feat-grid, .leader). Keeping these rules here
   means they can only ever affect about-us.html. */

  /* ---------- About page enhancements ---------- */
  .about-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0 10px;}
  .ab-stat{background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:22px 16px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:118px;}
  .ab-num{font-size:30px;font-weight:900;color:var(--blue-dark);letter-spacing:-.02em;line-height:1;}
  .ab-lab{display:block;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--muted);line-height:1.4;}
  .about-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:6px 0 10px;}
  .ab-step{display:flex;gap:15px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 1px 2px rgba(13,110,253,.04);}
  .ab-sn{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:15px;color:#fff;background:linear-gradient(135deg,var(--blue),#2b8aff);}
  .ab-step h3{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:4px;}
  .ab-step p{font-size:14.5px;color:var(--muted);line-height:1.55;}
  .team-note{background:var(--bg-soft);border:1.5px solid #cfe0ff;border-radius:16px;padding:24px 26px;margin:16px 0 6px;box-shadow:var(--shadow-sm);}
  .team-note h2{font-size:19px;font-weight:900;color:var(--navy);margin-bottom:8px;letter-spacing:-.01em;}
  .team-note p{color:#3a4a63;font-size:15.5px;line-height:1.65;}
  @media (max-width:820px){ .about-steps{grid-template-columns:1fr;} }
  @media (max-width:760px){ .about-stats{grid-template-columns:repeat(2,1fr);} }


  /* ---------- Team showcase ---------- */
  .team-lead{color:#3a4a63;font-size:15.5px;line-height:1.65;max-width:760px;margin:0 0 16px;}
  .team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:6px 0 8px;}
  .tm-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #d4e2f7;border-radius:16px;padding:26px 18px;box-shadow:0 1px 2px rgba(13,110,253,.04);transition:transform .18s,box-shadow .18s,border-color .18s;}
  .tm-card:hover{transform:translateY(-4px);box-shadow:0 10px 26px rgba(13,110,253,.16);border-color:#6ea8ff;}
  .tm-ava{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f1ff,#d6e6ff);color:var(--blue);border:3px solid #fff;box-shadow:0 6px 16px rgba(13,110,253,.18);position:relative;overflow:hidden;}
  .tm-ava svg{width:34px;height:34px;}
  .tm-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
  .tm-name{margin-top:14px;font-size:16.5px;font-weight:800;color:var(--navy);}
  .tm-role{margin-top:2px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--blue-dark);}
  .tm-desc{margin-top:9px;font-size:13.5px;color:var(--muted);line-height:1.5;}
  .tm-card:nth-child(3n+2) .tm-ava{background:linear-gradient(135deg,#e7f7ee,#d2efe0);color:#107d51;}
  .tm-card:nth-child(3n) .tm-ava{background:linear-gradient(135deg,#fdf0e4,#fbe0c9);color:#e8833a;}
  @media (max-width:820px){ .team-grid{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:480px){ .team-grid{grid-template-columns:1fr;} }

  /* Fill the width: widen the hero lead and prose so the intro copy lines up
     with the full-width sections below instead of hugging the left. */
  .page-hero .lead{max-width:960px;}
  .prose{max-width:960px;}


  /* ---------- About hero (enhanced) ---------- */
  .about-hero{position:relative;overflow:hidden;}
  .about-hero .ah-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;margin-top:8px;}
  .about-hero .ah-copy .lead{max-width:none;}
  .ah-badge{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #cfe0ff;color:var(--blue-dark);font-weight:800;font-size:12.5px;padding:6px 14px;border-radius:999px;box-shadow:var(--shadow-sm);margin-bottom:8px;}
  .ah-badge svg{width:15px;height:15px;}
  .ah-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px;}
  .ah-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:800;font-size:13.5px;padding:7px 13px 7px 8px;border-radius:12px;box-shadow:0 1px 3px rgba(13,110,253,.06);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
  .ah-chip:hover{transform:translateY(-2px);box-shadow:0 7px 16px rgba(13,110,253,.15);border-color:#9fc1ff;}
  .ah-chip-ic{width:27px;height:27px;border-radius:8px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f1ff,#d6e6ff);color:var(--blue);}
  .ah-chip-ic svg{width:16px;height:16px;}
  .ah-chip:nth-child(2) .ah-chip-ic{background:linear-gradient(135deg,#e7f7ee,#d2efe0);color:#107d51;}
  .ah-chip:nth-child(3) .ah-chip-ic{background:linear-gradient(135deg,#fdf0e4,#fbe0c9);color:#e8833a;}
  .ah-chip:nth-child(4) .ah-chip-ic{background:linear-gradient(135deg,#ede9ff,#ddd6ff);color:#6b4ee6;}
  .ah-chip:nth-child(5) .ah-chip-ic{background:linear-gradient(135deg,#e6f7fb,#d0eef6);color:#0e8fb3;}
  .ah-visual{display:flex;justify-content:center;align-items:center;}
  .ah-visual .ah-art{width:100%;max-width:430px;height:auto;}
  @media (max-width:860px){ .about-hero .ah-grid{grid-template-columns:1fr;gap:10px;} .ah-visual{display:none;} }

  /* ---------- Stat cards (enhanced) ---------- */
  .ab-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;margin-bottom:13px;background:linear-gradient(135deg,#e8f1ff,#d6e6ff);color:var(--blue);}
  .ab-ic svg{width:23px;height:23px;}
  .ab-stat{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;}
  .ab-stat:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#9fc1ff;}
  .ab-stat:nth-child(2) .ab-ic{background:linear-gradient(135deg,#e7f7ee,#d2efe0);color:#107d51;}
  .ab-stat:nth-child(3) .ab-ic{background:linear-gradient(135deg,#fdf0e4,#fbe0c9);color:#e8833a;}
  .ab-stat:nth-child(4) .ab-ic{background:linear-gradient(135deg,#ede9ff,#ddd6ff);color:#6b4ee6;}

  /* ---------- Inside FileFix team photo ---------- */
  .team-photo{margin:18px 0 6px;border-radius:20px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;}
  .team-photo img{display:block;width:100%;height:auto;}
  .team-photo figcaption{padding:12px 18px;font-size:14px;font-weight:600;color:var(--muted);text-align:center;border-top:1px solid var(--line);}