/* ═════════════════════════════════════════════════════════
   GO-BOSS · ABOUT PAGE
   Team / origin story / credentials / trust animations
   ═════════════════════════════════════════════════════════ */

/* ─── HERO ─────────────────────────────────────────────── */
.ab-hero{padding:96px 0 64px;position:relative;z-index:1}
.ab-hero h1{max-width:18ch;margin-bottom:22px}
.ab-hero .sub{font-size:17px;max-width:60ch;margin-bottom:0}
.ab-hero-meta{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:30px;padding-top:28px;border-top:1px solid var(--bd)}
@media(max-width:860px){.ab-hero{overflow-x:hidden}}
@media(max-width:640px){.ab-hero-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px}}
.ab-hero-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx);font-weight:500}
.ab-hero-badge .ab-hck-ico{
  width:18px;height:18px;border-radius:50%;
  background:rgba(52,216,122,.12);display:grid;place-items:center;flex-shrink:0;
}
.ab-hero-badge .ab-hck-ico svg{stroke:var(--ok);width:10px;height:10px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* ─── DIVIDER ──────────────────────────────────────────── */
.ab-div{border:none;border-top:1px solid var(--bd);margin:0 48px}

/* ─── ORIGIN STORY ─────────────────────────────────────── */
.ab-origin{padding:84px 0;position:relative;z-index:1}
.ab-origin-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;margin-top:30px}
.ab-body{font-size:15px;color:var(--tx2);line-height:1.78}
.ab-body p + p{margin-top:14px}
.ab-pullquote{
  display:block;margin-top:22px;border-left:2px solid var(--blue);
  padding:6px 0 6px 18px;font-size:14px;color:var(--tx2);font-style:italic;line-height:1.6;
}
.ab-pullquote strong{color:var(--tx);font-style:normal;font-weight:500}

.ab-aside{
  background:var(--p2);border:1px solid var(--bd);
  border-radius:16px;padding:26px;
  border-top:2px solid rgba(59,158,255,.45);
}
.ab-aside__label{
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--tx3);margin-bottom:18px;
}
.ab-aside__item{
  display:flex;align-items:flex-start;gap:12px;
  padding:13px 0;border-bottom:1px solid var(--bd);
  font-size:13.5px;color:var(--tx2);line-height:1.55;
  opacity:0;transform:translateX(-10px);
  transition:opacity .5s ease, transform .5s ease, color .3s;
}
.ab-aside__item.in{opacity:1;transform:translateX(0)}
.ab-aside__item:last-of-type{border-bottom:none}
.ab-aside__item svg{
  width:14px;height:14px;flex-shrink:0;margin-top:2px;
  stroke:var(--amb);fill:none;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.ab-aside__resolution{
  margin-top:16px;padding-top:14px;
  border-top:1px solid var(--bd);
  font-size:12.5px;color:var(--tx3);line-height:1.6;font-style:italic;
}
.ab-aside__resolution strong{color:var(--blue);font-weight:500;font-style:normal}

/* ─── MISSION ──────────────────────────────────────────── */
.ab-mission{
  background:var(--p2);
  border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
  padding:76px 0;position:relative;z-index:1;
}
.ab-mission-grid{
  display:grid;grid-template-columns:1fr 1px 1fr;gap:0;align-items:start;margin-top:30px;
}
.ab-mission-sep{background:var(--bd);align-self:stretch}
.ab-mission-col{padding:0 56px}
.ab-mission-col:first-child{padding-left:0}
.ab-mission-col:last-child{padding-right:0}
.ab-mission-col h3{font-size:19px;margin-bottom:12px}
.ab-mission-col p{font-size:14.5px;color:var(--tx2);line-height:1.75}
.ab-mission-col p strong{color:var(--tx);font-weight:600}

/* ─── TEAM ─────────────────────────────────────────────── */
.ab-team{padding:84px 0;position:relative;z-index:1}
.ab-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.ab-team-card{
  background:var(--p2);border:1px solid var(--bd);
  border-radius:18px;padding:0;overflow:hidden;
  display:flex;flex-direction:column;
  transition:border-color .28s, transform .28s, box-shadow .28s;
  position:relative;
}
.ab-team-card:hover{
  border-color:var(--bd2);transform:translateY(-3px);
  box-shadow:0 18px 44px -20px rgba(59,158,255,.25);
}
.ab-team-card.gold{border-color:rgba(200,160,48,.34)}
.ab-team-card.gold::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--amb),transparent);
}
.ab-team-card.silver::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--slv),transparent);
}
.ab-team-card.blue::before{
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--blue),transparent);
}

/* Photo frame */
.ab-team-photo{
  position:relative;width:100%;aspect-ratio:1/1;
  overflow:hidden;background:var(--p3);
}
.ab-team-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center top;
  display:block;
  filter:saturate(.96) contrast(1.02);
  transition:transform .6s cubic-bezier(.2,.6,.2,1), filter .4s;
}
.ab-team-card:hover .ab-team-photo img{transform:scale(1.04);filter:saturate(1.05) contrast(1.05)}
.ab-team-photo::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(5,10,24,.55) 100%);
  pointer-events:none;
}
.ab-team-card.gold   .ab-team-photo::before{content:'';position:absolute;inset:0;box-shadow:inset 0 -2px 0 0 rgba(200,160,48,.35);pointer-events:none;z-index:1}
.ab-team-card.silver .ab-team-photo::before{content:'';position:absolute;inset:0;box-shadow:inset 0 -2px 0 0 rgba(200,214,232,.32);pointer-events:none;z-index:1}
.ab-team-card.blue   .ab-team-photo::before{content:'';position:absolute;inset:0;box-shadow:inset 0 -2px 0 0 rgba(59,158,255,.32);pointer-events:none;z-index:1}

/* Fallback when image fails (monogram) */
.ab-team-mono{
  display:none;
  width:100%;height:100%;
  align-items:center;justify-content:center;
  font-size:56px;font-weight:800;letter-spacing:-.02em;
  font-family:'JetBrains Mono',monospace;
}
.ab-team-card.gold   .ab-team-mono{color:var(--amb); background:rgba(200,160,48,.08)}
.ab-team-card.silver .ab-team-mono{color:var(--slv); background:rgba(200,214,232,.06)}
.ab-team-card.blue   .ab-team-mono{color:var(--blue);background:rgba(59,158,255,.08)}
.ab-team-photo.no-img img{display:none}
.ab-team-photo.no-img .ab-team-mono{display:flex}
.ab-team-photo.no-img::after{display:none}

.ab-team-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:14px;flex:1}
.ab-team-name{font-size:19px;font-weight:800;letter-spacing:-.015em;color:var(--tx);margin:0}
.ab-team-role{
  font-family:'JetBrains Mono',monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  margin-top:4px;
}
.ab-team-card.gold   .ab-team-role{color:var(--amb)}
.ab-team-card.silver .ab-team-role{color:var(--slv)}
.ab-team-card.blue   .ab-team-role{color:var(--blue)}
.ab-team-div{height:1px;background:var(--bd)}
.ab-team-bio{font-size:13.5px;color:var(--tx2);line-height:1.65}

/* Connect button — bottom of each card, color-matched per person */
.ab-team-connect{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:auto;align-self:flex-start;
  padding:10px 16px;font-size:12.5px;font-weight:700;letter-spacing:.01em;
  border-radius:10px;border:1px solid var(--bd);
  background:var(--bg);color:var(--tx);
  text-decoration:none;
  transition:border-color .22s, background .22s, transform .22s, box-shadow .22s, color .22s;
}
.ab-team-connect svg{stroke:currentColor;fill:none;opacity:.9}
.ab-team-connect .arr{transition:transform .22s}
.ab-team-connect:hover{transform:translateY(-1px)}
.ab-team-connect:hover .arr{transform:translateX(3px)}
.ab-team-card.gold   .ab-team-connect{border-color:rgba(200,160,48,.38);color:var(--amb)}
.ab-team-card.gold   .ab-team-connect:hover{background:rgba(200,160,48,.1);border-color:var(--amb);box-shadow:0 8px 22px -12px rgba(200,160,48,.5)}
.ab-team-card.silver .ab-team-connect{border-color:rgba(200,214,232,.32);color:var(--slv)}
.ab-team-card.silver .ab-team-connect:hover{background:rgba(200,214,232,.08);border-color:var(--slv);box-shadow:0 8px 22px -12px rgba(200,214,232,.4)}
.ab-team-card.blue   .ab-team-connect{border-color:rgba(59,158,255,.38);color:var(--blue)}
.ab-team-card.blue   .ab-team-connect:hover{background:rgba(59,158,255,.1);border-color:var(--blue);box-shadow:0 8px 22px -12px rgba(59,158,255,.5)}

.ab-team-support{
  margin-top:26px;padding:22px 26px;
  background:var(--p2);border:1px solid var(--bd);border-radius:14px;
  display:flex;align-items:center;gap:18px;
}
.ab-team-support__ico{
  width:44px;height:44px;flex-shrink:0;
  background:rgba(59,158,255,.08);border:1px solid rgba(59,158,255,.22);
  border-radius:12px;display:grid;place-items:center;
}
.ab-team-support__ico svg{width:18px;height:18px;stroke:var(--blue);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ab-team-support__text{font-size:13.5px;color:var(--tx2);line-height:1.55}
.ab-team-support__text strong{color:var(--tx);font-weight:600}

/* ─── CREDENTIALS ──────────────────────────────────────── */
.ab-cred{padding:84px 0;position:relative;z-index:1}
.ab-cred-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}
.ab-cred-card{
  background:var(--p2);border:1px solid var(--bd);
  border-radius:14px;padding:24px;
  display:flex;gap:18px;align-items:flex-start;
  transition:border-color .25s, transform .25s, box-shadow .25s;
}
.ab-cred-card:hover{
  border-color:var(--bd2);transform:translateY(-2px);
  box-shadow:0 12px 32px -16px rgba(59,158,255,.25);
}
.ab-cred-ico{
  width:40px;height:40px;flex-shrink:0;
  background:rgba(59,158,255,.08);border:1px solid rgba(59,158,255,.22);
  border-radius:10px;display:grid;place-items:center;margin-top:2px;
}
.ab-cred-ico svg{width:17px;height:17px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ab-cred-card:nth-child(2) .ab-cred-ico{background:rgba(46,204,138,.08);border-color:rgba(46,204,138,.24)}
.ab-cred-card:nth-child(2) .ab-cred-ico svg{stroke:var(--grn)}
.ab-cred-card:nth-child(3) .ab-cred-ico{background:rgba(200,214,232,.08);border-color:rgba(200,214,232,.28)}
.ab-cred-card:nth-child(3) .ab-cred-ico svg{stroke:var(--slv)}
.ab-cred-card:nth-child(4) .ab-cred-ico{background:rgba(200,160,48,.08);border-color:rgba(200,160,48,.28)}
.ab-cred-card:nth-child(4) .ab-cred-ico svg{stroke:var(--amb)}
.ab-cred-val{
  font-size:28px;font-weight:800;letter-spacing:-.02em;
  line-height:1;margin-bottom:6px;color:var(--blue);
}
.ab-cred-card:nth-child(2) .ab-cred-val{color:var(--grn)}
.ab-cred-card:nth-child(3) .ab-cred-val{color:var(--slv)}
.ab-cred-card:nth-child(4) .ab-cred-val{color:var(--amb)}
.ab-cred-card:nth-child(5) .ab-cred-val{color:var(--blue)}
.ab-cred-card:nth-child(6) .ab-cred-val{color:var(--grn)}
.ab-cred-label{font-size:13.5px;font-weight:600;color:var(--tx);margin-bottom:4px}
.ab-cred-desc{font-size:12.5px;color:var(--tx3);line-height:1.55}

/* ─── GUARANTEE (reuse pr-guarantee from pricing — but also standalone here) ── */
.ab-guar{padding:84px 0;position:relative;z-index:1}
.ab-guar-grid{
  display:grid;grid-template-columns:1fr 1px 1fr;gap:0;
  margin-top:38px;
  background:var(--p2);border:1px solid var(--bd);border-radius:18px;
  padding:44px 0;
}
.ab-guar-sep{background:var(--bd);align-self:stretch}
.ab-guar-col{padding:0 48px}
.ab-guar-ico{
  width:50px;height:50px;border-radius:12px;
  display:grid;place-items:center;margin-bottom:18px;
}
.ab-guar-ico.gold{background:rgba(200,160,48,.1);border:1px solid rgba(200,160,48,.28);color:var(--amb)}
.ab-guar-ico.grn {background:rgba(46,204,138,.1); border:1px solid rgba(46,204,138,.28); color:var(--grn)}
.ab-guar-col h3{font-size:19px;margin-bottom:12px}
.ab-guar-col p{font-size:14px;color:var(--tx2);line-height:1.72}
.ab-guar-col p strong{color:var(--tx);font-weight:600}

/* ─── HUMAN TOUCH ──────────────────────────────────────── */
.ab-human{
  background:var(--p2);
  border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);
  padding:72px 0;position:relative;z-index:1;
}
.ab-human-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ab-human-grid h2{margin-bottom:18px}
.ab-human-points{display:flex;flex-direction:column;gap:12px}
.ab-human-pt{
  display:flex;align-items:flex-start;gap:14px;
  padding:16px 18px;background:var(--bg);
  border:1px solid var(--bd);border-radius:12px;
  transition:border-color .25s, transform .25s;
}
.ab-human-pt:hover{border-color:var(--bd2);transform:translateX(3px)}
.ab-human-pt__ico{
  width:32px;height:32px;flex-shrink:0;
  border-radius:8px;display:grid;place-items:center;
}
.ab-human-pt:nth-child(1) .ab-human-pt__ico{background:rgba(59,158,255,.1);border:1px solid rgba(59,158,255,.26)}
.ab-human-pt:nth-child(1) .ab-human-pt__ico svg{stroke:var(--blue)}
.ab-human-pt:nth-child(2) .ab-human-pt__ico{background:rgba(46,204,138,.1);border:1px solid rgba(46,204,138,.26)}
.ab-human-pt:nth-child(2) .ab-human-pt__ico svg{stroke:var(--grn)}
.ab-human-pt:nth-child(3) .ab-human-pt__ico{background:rgba(200,160,48,.1);border:1px solid rgba(200,160,48,.26)}
.ab-human-pt:nth-child(3) .ab-human-pt__ico svg{stroke:var(--amb)}
.ab-human-pt__ico svg{width:14px;height:14px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ab-human-pt__text{font-size:13.5px;color:var(--tx);line-height:1.55}
.ab-human-pt__text strong{color:var(--tx);font-weight:600}

/* ─── TRUST PULSE (live counter strip at top of credentials) ─ */
.ab-trust-strip{
  display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:14px;
  padding:20px 28px;margin-top:40px;
  background:var(--p2);border:1px solid var(--bd);border-radius:var(--rp);
}
.ab-trust-strip__item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--tx2)}
.ab-trust-strip__dot{
  width:8px;height:8px;border-radius:50%;background:var(--grn);
  box-shadow:0 0 0 3px rgba(46,204,138,.22);
  animation:pulse 2s infinite;
}
.ab-trust-strip__item strong{color:var(--tx);font-weight:700}

/* ─── RESPONSIVE ───────────────────────────────────────── */
@media(max-width:1000px){
  .ab-origin-grid{grid-template-columns:1fr;gap:32px}
  .ab-mission-grid,.ab-guar-grid{grid-template-columns:1fr;gap:28px}
  .ab-mission-sep,.ab-guar-sep{display:none}
  .ab-mission-col,.ab-guar-col{padding:0}
  .ab-mission-col + .ab-mission-col{padding-top:28px;border-top:1px solid var(--bd)}
  .ab-guar-col + .ab-guar-col{padding-top:28px;border-top:1px solid var(--bd)}
  .ab-team-grid{grid-template-columns:1fr 1fr}
  .ab-cred-grid{grid-template-columns:1fr 1fr}
  .ab-human-grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:640px){
  .ab-team-grid,.ab-cred-grid{grid-template-columns:1fr}
}