/* /about: flat, square, grid (reuses services-new.css + automation-new.css hero) */
.ab-lead { max-width: 820px; }
.ab-lead p { margin: 0 0 18px; font-size: 20px; line-height: 1.75; color: #3a4f47; }
.ab-lead p:last-child { margin-bottom: 0; }
.ab-founder { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 36px; align-items: center; background: #fff; border: 1px solid #d5e2dc; padding: 38px 42px; }
.ab-avatar { width: 150px; height: 150px; background: #0B3D2E; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 60px; font-weight: 600; letter-spacing: -.02em; }
.ab-founder small { display: block; margin-bottom: 8px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #1A9E72; }
.ab-founder h3 { margin: 0 0 10px; font-size: 28px; font-weight: 600; color: #0B3D2E; letter-spacing: -.02em; }
.ab-founder p { margin: 0; font-size: 17px; line-height: 1.7; color: #3a4f47; max-width: 640px; }
.ab-vals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #d5e2dc; background: #fff; }
.ab-val { padding: 32px 30px 34px; border-right: 1px solid #d5e2dc; border-bottom: 1px solid #d5e2dc; }
.ab-val:nth-child(3n) { border-right: 0; }
.ab-val:nth-last-child(-n+3) { border-bottom: 0; }
.ab-val b { display: block; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: #1A9E72; margin-bottom: 12px; }
.ab-val h3 { margin: 0 0 8px; font-size: 21px; font-weight: 600; color: #0B3D2E; }
.ab-val p { margin: 0; font-size: 16px; line-height: 1.65; color: #566a63; }
.ab-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.ab-card { background: #fff; border: 1px solid #d5e2dc; padding: 34px 34px 32px; }
.ab-card h3 { margin: 0 0 12px; font-size: 24px; font-weight: 500; color: #0f1f1a; }
.ab-card p { margin: 0 0 16px; font-size: 16px; line-height: 1.7; color: #566a63; }
.ab-card ul { margin: 0 0 16px; padding-left: 20px; color: #3a4f47; font-size: 15.5px; line-height: 1.85; }
.ab-card .ab-small { font-size: 14.5px; color: #8aa098; margin: 0; }
.sv2-cta .ab-careers { margin: 26px 0 0; font-size: 15px; color: rgba(255,255,255,.7); }
.sv2-cta .ab-careers a { color: #5fd4a8; text-decoration: none; border-bottom: 1px solid #5fd4a8; }
@media (max-width: 900px) {
  .ab-vals { grid-template-columns: 1fr; }
  .ab-val { border-right: 0 !important; border-bottom: 1px solid #d5e2dc !important; }
  .ab-val:last-child { border-bottom: 0 !important; }
  .ab-two { grid-template-columns: 1fr; }
  .ab-founder { grid-template-columns: 1fr; padding: 28px 24px; }
  .ab-avatar { width: 110px; height: 110px; font-size: 44px; }
}

/* Team cards */
.ab-team { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #d5e2dc; background: #fff; margin-top: 44px; }
.ab-person { padding: 32px 30px 34px; border-right: 1px solid #d5e2dc; }
.ab-person:last-child { border-right: 0; }
.ab-person .ab-avatar { width: 96px; height: 96px; font-size: 38px; margin-bottom: 20px; }
.ab-person h3 { margin: 0 0 6px; font-size: 22px; font-weight: 600; color: #0B3D2E; letter-spacing: -.01em; }
.ab-person small { display: block; margin-bottom: 14px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #1A9E72; }
.ab-person p { margin: 0; font-size: 16px; line-height: 1.65; color: #566a63; }
@media (max-width: 900px) {
  .ab-team { grid-template-columns: 1fr; }
  .ab-person { border-right: 0; border-bottom: 1px solid #d5e2dc; }
  .ab-person:last-child { border-bottom: 0; }
}

/* Two-person team */
.ab-team { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 900px) { .ab-team { grid-template-columns: 1fr; } }

/* Three-person team */
.ab-team { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .ab-team { grid-template-columns: 1fr; } }
/* founder-v1 */
.ab-founder2 { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 48px; align-items: start; margin-top: 44px; }
.ab-photo { margin: 0; }
.ab-photo img { display: block; width: 280px; aspect-ratio: 5 / 7; height: auto; object-fit: cover; object-position: 50% 22%; background: #e8f0ec; }
.ab-photo figcaption b { display: block; margin-top: 16px; font-size: 18px; font-weight: 600; color: #0f1f1a; }
.ab-photo figcaption span { display: block; margin-top: 3px; font-size: 15px; color: #566a63; }
.ab-bio { max-width: 760px; }
.ab-bio p { margin: 0 0 18px; font-size: 18px; line-height: 1.75; color: #3a4f47; }
.ab-bio-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.ab-bio-links a { padding: 13px 24px; font-size: 15.5px; font-weight: 600; text-decoration: none; border: 1.5px solid #0B3D2E; color: #0B3D2E; transition: background .2s ease, color .2s ease, border-color .2s ease; }
.ab-bio-links a.is-primary { background: #0B3D2E; color: #fff; }
.ab-bio-links a:hover { background: #1A9E72; border-color: #1A9E72; color: #fff; }
@media (max-width: 760px) {
  .ab-founder2 { grid-template-columns: 1fr; gap: 26px; margin-top: 32px; }
  .ab-photo img { width: 100%; max-width: 340px; }
  .ab-bio p { font-size: 17px; }
}
/* /founder-v1 */

/* bio-btn-v1: three buttons stack on phones */
@media (max-width: 640px) {
  html body .ab-bio-links { display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: stretch !important; }
  html body .ab-bio-links a { width: 100% !important; box-sizing: border-box !important; text-align: center !important; margin: 0 !important; }
}
/* /bio-btn-v1 */
