/* =====================================================================
   BulkVyapar About — Premium Compact Redesign
   Page-specific only. No shared/common styles are overwritten globally.
   ===================================================================== */

.about-page{
  --ab-ink:#10295c;
  --ab-ink-2:#17396f;
  --ab-muted:#6880a8;
  --ab-line:#dce7f6;
  --ab-soft:#f6f9ff;
  --ab-blue:#0b6ef4;
  --ab-violet:#7149ee;
  --ab-orange:#ff7a2f;
  --ab-green:#16a77d;
  --ab-shadow:0 18px 48px rgba(25,64,124,.10);
  --ab-shadow-soft:0 10px 30px rgba(25,64,124,.075);
  background:
    radial-gradient(circle at 100% 2%,rgba(101,75,229,.055),transparent 18%),
    linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  color:var(--ab-ink);
}

.about-page main{overflow:hidden}
.about-page section{position:relative}
.about-page .btn{border-radius:12px;padding:11px 18px;font-size:13px}

/* ---------- reusable page primitives ---------- */
.ab-section{padding:44px 0}
.ab-section+.ab-section{border-top:1px solid rgba(216,228,244,.72)}

.ab-eyebrow,
.ab-kicker{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:max-content;
  max-width:100%;
  padding:7px 11px;
  border:1px solid #cfe0f4;
  border-radius:999px;
  background:linear-gradient(135deg,#eef7ff,#f8f3ff);
  color:#2f5f9d;
  font-size:10px;
  font-weight:850;
  letter-spacing:.1em;
  text-transform:uppercase;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95);
}
.ab-eyebrow:after,
.ab-kicker:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.9) 50%,transparent 72%);
  transform:translateX(-130%);
  animation:abBadgeSweep 6.5s ease-in-out infinite;
}
.ab-kicker span{color:var(--ab-violet);font-size:11px}
.ab-kicker i{
  margin-left:2px;
  padding-left:9px;
  border-left:1px solid #d4e1f1;
  color:#6f82a2;
  font-style:normal;
  letter-spacing:.05em;
  text-transform:none;
}

.ab-section-head{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.6fr);
  gap:28px;
  align-items:end;
  margin-bottom:18px;
}
.ab-section-head-center{grid-template-columns:1fr;text-align:center;justify-items:center}
.ab-section-head-center p{max-width:700px}
.ab-section-head h2,
.ab-mission-copy h2,
.ab-founder-copy h2,
.ab-leadership-panel h2,
.ab-identity-panel h2{
  margin:10px 0 0;
  color:var(--ab-ink);
  font-size:clamp(28px,2.45vw,37px);
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:820;
}
.ab-section-head h2:after,
.ab-mission-copy h2:after,
.ab-founder-copy h2:after{
  content:"";
  display:block;
  width:52px;
  height:3px;
  margin-top:12px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--ab-blue),var(--ab-violet),var(--ab-orange));
  background-size:180% 100%;
  animation:abAccentFlow 4.5s linear infinite;
}
.ab-section-head-center h2:after{margin-inline:auto}
.ab-section-head>p,
.ab-mission-copy>p,
.ab-leadership-panel>p,
.ab-identity-top>p{
  margin:0;
  color:var(--ab-muted);
  font-size:14px;
  line-height:1.72;
}

/* ---------- reveal / text movement ---------- */
.js-about [data-reveal]{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .68s ease,transform .68s cubic-bezier(.2,.7,.2,1);
}
.js-about [data-reveal].is-visible{opacity:1;transform:none}

.ab-gradient-text{
  background:linear-gradient(90deg,#0a66ee 0%,#7447eb 45%,#e8449a 72%,#ff7a2f 100%);
  background-size:220% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:abTextFlow 6s ease-in-out infinite alternate;
}

/* =====================================================================
   HERO
   ===================================================================== */
.ab-hero{
  padding:50px 0 38px;
  background:
    radial-gradient(circle at 85% 16%,rgba(116,74,239,.10),transparent 24%),
    radial-gradient(circle at 8% 36%,rgba(11,110,244,.06),transparent 28%),
    linear-gradient(180deg,#fff,#fbfdff);
}
.ab-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.32;
  background-image:linear-gradient(rgba(36,80,145,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(36,80,145,.055) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.35),transparent 62%);
}
.ab-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(480px,.78fr);
  gap:44px;
  align-items:center;
}
.ab-hero-copy h1{
  max-width:760px;
  margin:16px 0 14px;
  color:#102e66;
  font-size:clamp(40px,4.2vw,58px);
  line-height:.99;
  letter-spacing:-.052em;
  font-weight:850;
}
.ab-lead{
  max-width:710px;
  margin:0;
  color:#637aa4;
  font-size:15px;
  line-height:1.72;
}
.ab-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ab-proof{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.ab-proof article{
  min-width:130px;
  padding:10px 13px;
  border:1px solid #dce7f5;
  border-radius:14px;
  background:rgba(255,255,255,.82);
  box-shadow:0 8px 20px rgba(27,69,132,.05);
}
.ab-proof b{display:block;color:#163d77;font-size:15px;letter-spacing:-.02em}
.ab-proof span{display:block;margin-top:1px;color:#8191ad;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}

.ab-discovery{
  --rx:0deg;--ry:0deg;--gx:50%;--gy:50%;
  position:relative;
  min-height:430px;
  padding:18px;
  border:1px solid #d8e5f3;
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 18%,rgba(56,103,241,.10),transparent 22%),
    radial-gradient(circle at 84% 16%,rgba(118,73,235,.12),transparent 24%),
    radial-gradient(circle at var(--gx) var(--gy),rgba(86,70,224,.10),transparent 30%),
    linear-gradient(180deg,#fbfdff,#f4f8ff);
  box-shadow:0 22px 58px rgba(20,58,118,.10);
  transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .2s ease,box-shadow .2s ease;
}
.ab-discovery:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(103,138,202,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(103,138,202,.11) 1px,transparent 1px);
  background-size:40px 40px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.94),rgba(0,0,0,.86));
}
.ab-discovery:after{content:"";position:absolute;inset:auto 0 0;top:42%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.72));pointer-events:none}
.ab-discovery-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:14px;align-items:center}
.ab-discovery-top small{display:block;color:#607baa;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.ab-discovery-top strong{display:block;margin-top:3px;color:#173e78;font-size:14px}
.ab-live{display:inline-flex;align-items:center;gap:6px;color:#3c6f4d;font-size:9px;font-weight:800;white-space:nowrap;padding:6px 10px;border:1px solid #d4eadb;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 8px 18px rgba(33,94,61,.07)}
.ab-live i{width:8px;height:8px;border-radius:50%;background:#33d07d;box-shadow:0 0 0 5px rgba(51,208,125,.14);animation:abPulse 2s ease-in-out infinite}

.ab-map{position:relative;height:288px;margin-top:6px}
.ab-map-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(113,145,213,.30);border-radius:50%;transform:translate(-50%,-50%)}
.ring-one{width:224px;height:224px;animation:abSpin 28s linear infinite}
.ring-two{width:320px;height:320px;border-style:dashed;opacity:.55;animation:abSpinReverse 38s linear infinite}
.ab-map-core{
  position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:138px;height:138px;padding:16px;border:1px solid rgba(118,136,235,.28);border-radius:38px;background:linear-gradient(145deg,#2751aa,#4a2f92);box-shadow:0 22px 46px rgba(53,88,170,.22), inset 0 1px 0 rgba(255,255,255,.12);transform:translate(-50%,-50%);text-align:center;animation:abCoreFloat 6s ease-in-out infinite
}
.ab-map-core img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.16))}
.ab-map-core b{margin-top:8px;color:#fff;font-size:15px;letter-spacing:-.02em}
.ab-map-core small{color:#d8e2f5;font-size:8px;letter-spacing:.04em}
.ab-map-node{
  position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(180,199,230,.62);border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 14px 32px rgba(28,66,126,.12);animation:abFloat 5s ease-in-out infinite
}
.ab-map-node img{width:34px;height:34px;object-fit:contain;background:#fff;border-radius:11px;padding:5px;box-shadow:0 4px 12px rgba(28,66,126,.10)}
.ab-map-node span{color:#1e457c;font-size:10px;font-weight:800;letter-spacing:.01em}
.node-google{left:4%;top:20%;animation-delay:-1.2s}.node-chatgpt{right:2%;top:14%;animation-delay:-2.3s}.node-gemini{left:8%;bottom:18%;animation-delay:-3.4s}.node-claude{right:4%;bottom:21%;animation-delay:-.7s}
.ab-signal-row{position:relative;z-index:3;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:6px}
.ab-signal-row span{padding:7px 10px;border:1px solid #d8e3f2;border-radius:999px;background:rgba(255,255,255,.84);color:#5874a2;font-size:8px;font-weight:800;box-shadow:0 8px 18px rgba(24,63,122,.05)}
.ab-disclaimer{position:relative;z-index:3;margin:11px auto 0;max-width:520px;color:#7d8faf;font-size:8px;line-height:1.5;text-align:center}

/* =====================================================================
   JOURNEY
   ===================================================================== */
.ab-journey{background:linear-gradient(180deg,#fbfdff,#f7faff)}
.ab-journey-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.ab-progress-line{position:absolute;left:8%;right:8%;top:23px;height:2px;background:#d7e4f4;overflow:hidden}
.ab-progress-line:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ab-blue),var(--ab-violet),var(--ab-orange));transform-origin:left;transform:scaleX(0);transition:transform 1.2s ease}
.ab-journey-track.is-visible .ab-progress-line:after{transform:scaleX(1)}
.ab-journey-track article{
  position:relative;
  z-index:2;
  padding:10px 12px 13px;
  border:1px solid #dce7f4;
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--ab-shadow-soft)
}
.ab-journey-track article i{display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#0b6df4,#7245e8);color:#fff;font-size:9px;font-style:normal;font-weight:900;box-shadow:0 0 0 1px #cdddf0}
.ab-journey-track article b{display:block;color:#7c8fab;font-size:9px;text-transform:uppercase;letter-spacing:.09em}
.ab-journey-track article h3{margin:5px 0 5px;color:#173d73;font-size:15px;line-height:1.25}
.ab-journey-track article p{margin:0;color:#7185a7;font-size:11px;line-height:1.58}

/* =====================================================================
   WHAT / WHY / HOW
   ===================================================================== */
.ab-approach{background:#fff}
.ab-three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ab-feature-card{
  --tone:#0b6ef4;
  --tone-soft:rgba(11,110,244,.08);
  --rx:0deg;--ry:0deg;--gx:50%;--gy:50%;
  position:relative;
  min-height:238px;
  padding:18px;
  border:1px solid #dce7f4;
  border-radius:20px;
  overflow:hidden;
  background:radial-gradient(circle at var(--gx) var(--gy),var(--tone-soft),transparent 36%),#fff;
  box-shadow:var(--ab-shadow-soft);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.ab-feature-card:hover{border-color:#b8cdea;box-shadow:0 18px 40px rgba(24,66,128,.10)}
.ab-feature-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--tone),transparent)}
.tone-violet{--tone:#7449ea;--tone-soft:rgba(116,73,234,.085)}
.tone-orange{--tone:#ef7a38;--tone-soft:rgba(239,122,56,.085)}
.ab-card-index{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--tone-soft);color:var(--tone);font-size:11px;font-weight:900}
.ab-feature-card>small{display:block;margin-top:18px;color:#8191ad;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.ab-feature-card h3{margin:5px 0 7px;color:#173d73;font-size:18px;line-height:1.18}
.ab-feature-card p{margin:0;color:#6e82a4;font-size:12px;line-height:1.65}
.ab-card-tag{position:absolute;left:18px;bottom:16px;display:inline-flex;padding:6px 9px;border-radius:999px;background:#f6f9fe;color:#59739e;font-size:8px;font-weight:800}

/* =====================================================================
   MISSION / INTELLIGENCE STACK
   ===================================================================== */
.ab-mission{background:linear-gradient(180deg,#f8fbff,#fff)}
.ab-mission-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,.7fr);gap:32px;align-items:center}
.ab-mission-copy>p{margin:14px 0 0}
.ab-pill-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.ab-pill-row span{padding:7px 9px;border:1px solid #d8e4f3;border-radius:999px;background:#fff;color:#526f9e;font-size:9px;font-weight:800}
.ab-stack{
  padding:16px;
  border:1px solid #d8e4f3;
  border-radius:22px;
  background:linear-gradient(145deg,#fff,#f5f8ff);
  box-shadow:var(--ab-shadow)
}
.ab-stack-label{margin-bottom:10px;color:#8393ad;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.ab-stack article{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid #e1e8f5;border-radius:14px;background:#fff}
.ab-stack article.active{border-color:#b8c9ee;background:linear-gradient(135deg,#f0f5ff,#f8f3ff);box-shadow:0 12px 28px rgba(74,78,170,.08)}
.ab-stack article i{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:#edf4ff;color:#1763cf;font-size:9px;font-style:normal;font-weight:900}
.ab-stack article.active i{background:linear-gradient(135deg,#166cf1,#7545ea);color:#fff}
.ab-stack article small{display:block;color:#8192ad;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ab-stack article strong{display:block;margin-top:3px;color:#254875;font-size:11px;line-height:1.45}
.ab-stack-arrow{display:block;height:18px;color:#94a4bc;font-size:12px;text-align:center}

/* =====================================================================
   COMPARISON
   ===================================================================== */
.ab-difference{background:#fff}
.ab-compare{border:1px solid #d9e4f2;border-radius:22px;overflow:hidden;background:#fff;box-shadow:var(--ab-shadow-soft)}
.ab-compare-head{display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;padding:11px 15px;background:linear-gradient(90deg,#f6f8fc,#eef5ff 50%,#f8f3ff);color:#385a8c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;text-align:center}
.ab-compare-head span:first-child{text-align:left}.ab-compare-head span:last-child{text-align:right}.ab-compare-head b{color:#7a8ba6;font-size:8px}
.ab-compare-row{display:grid;grid-template-columns:1fr 70px 1fr;gap:10px;align-items:center;padding:13px 15px;border-top:1px solid #e7edf6}
.ab-compare-row>div{display:grid;gap:2px}.ab-compare-row>div:last-child{text-align:right}
.ab-compare-row small{color:#8a9ab2;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.ab-compare-row strong{color:#294d7d;font-size:12px}
.ab-compare-row i{display:grid;place-items:center;width:30px;height:30px;margin:auto;border-radius:50%;background:linear-gradient(135deg,#0d6df1,#7449eb);color:#fff;font-style:normal;font-weight:900}
.ab-note{max-width:930px;margin:10px auto 0;color:#8797ae;font-size:9px;line-height:1.6;text-align:center}

/* =====================================================================
   BUSINESS ECOSYSTEM — logos always fully visible
   ===================================================================== */
.ab-ecosystem{
  background:
    radial-gradient(circle at 96% 8%,rgba(112,73,235,.07),transparent 22%),
    linear-gradient(180deg,#f8fbff,#fbfdff)
}
.ab-segment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ab-segment-card{
  --seg:#0b6ef4;
  --seg-soft:rgba(11,110,244,.10);
  --rx:0deg;--ry:0deg;--gx:50%;--gy:50%;
  display:grid;
  grid-template-columns:minmax(210px,.76fr) minmax(0,1.15fr);
  min-height:205px;
  border:1px solid #d3e0f0;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 34px rgba(23,64,126,.075);
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease
}
.ab-segment-card:hover{border-color:#a9c3e6;box-shadow:0 20px 46px rgba(23,64,126,.12)}
.ab-segment-card.show{--seg:#f0b72a;--seg-soft:rgba(240,183,42,.12)}
.ab-segment-card.events{--seg:#7649eb;--seg-soft:rgba(118,73,235,.11)}
.ab-segment-card.development{--seg:#13a67b;--seg-soft:rgba(19,166,123,.11)}

.ab-segment-brand{
  position:relative;
  display:grid;
  align-content:center;
  min-width:0;
  padding:18px;
  background:
    radial-gradient(circle at 50% 45%,var(--seg-soft),transparent 48%),
    linear-gradient(145deg,#08162f,#122852);
}
.ab-segment-brand:after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:linear-gradient(transparent,rgba(161,191,238,.28),transparent)}
.ab-segment-logo{display:grid;place-items:center;height:130px;min-width:0;border:1px solid rgba(163,190,231,.14);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ab-segment-logo img{width:100%;height:100%;padding:10px 12px;object-fit:contain;object-position:center;filter:drop-shadow(0 11px 20px rgba(0,0,0,.22));transition:transform .3s ease}
.ab-segment-card:hover .ab-segment-logo img{transform:scale(1.025)}
.ab-segment-mark{display:grid;place-items:center;width:96px;height:96px;border:1px solid rgba(156,187,238,.25);border-radius:28px;background:linear-gradient(145deg,#1f4c92,#322066);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 12px 28px rgba(0,0,0,.18)}
.ab-segment-mark b{color:#fff;font-size:34px;line-height:1}.ab-segment-mark small{margin-top:-15px;color:#bbc9e5;font-size:8px;letter-spacing:.2em}

.ab-segment-body{position:relative;display:flex;flex-direction:column;justify-content:center;padding:18px 20px;background:radial-gradient(circle at var(--gx) var(--gy),var(--seg-soft),transparent 36%),#fff}
.ab-segment-body:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent,var(--seg),transparent)}
.ab-segment-body h3{margin:0;color:#214a7d;font-size:20px;letter-spacing:-.025em}
.ab-segment-body p{margin:4px 0 0;color:#6880a6;font-size:12px}
.ab-segment-micro{margin-top:12px;color:#8a9ab1;font-size:9px;font-weight:700;line-height:1.5}
.ab-segment-body a{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-top:15px;padding:8px 11px;border:1px solid #cbdcf0;border-radius:10px;background:#f8fbff;color:#185ec5;font-size:9px;font-weight:850;transition:.2s ease}
.ab-segment-body a:hover{transform:translateY(-1px);border-color:#8eb7ea;background:#eef6ff}
.ab-segment-body a span{font-size:11px}

/* =====================================================================
   FOUNDER
   ===================================================================== */
.ab-founder{background:#fff}
.ab-founder-grid{display:grid;grid-template-columns:minmax(330px,.66fr) minmax(0,1.25fr);gap:38px;align-items:center}
.ab-founder-photo{--fx:0px;--fy:0px;position:relative;min-height:480px;display:grid;place-items:center}
.ab-founder-aura{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(18,110,242,.18),rgba(116,73,235,.10) 44%,transparent 70%);filter:blur(6px);animation:abAura 6s ease-in-out infinite}
.ab-founder-photo figure{position:relative;z-index:2;width:min(100%,350px);margin:0;border:1px solid #d6e2f1;border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 24px 58px rgba(24,63,122,.16);transform:translate(var(--fx),var(--fy));transition:transform .15s ease}
.ab-founder-photo figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(6,22,48,.82));pointer-events:none}
.ab-founder-photo img{width:100%;aspect-ratio:.82;object-fit:cover;object-position:center top}
.ab-founder-photo figcaption{position:absolute;z-index:3;left:18px;right:18px;bottom:16px;color:#fff}
.ab-founder-photo figcaption small{display:block;color:#b7c9e6;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}
.ab-founder-photo figcaption strong{display:block;margin-top:3px;font-size:18px}
.ab-founder-photo figcaption span{display:block;margin-top:2px;color:#cad7ec;font-size:9px}
.ab-founder-float{position:absolute;z-index:4;padding:7px 10px;border:1px solid #d3e0f2;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(25,64,124,.10);color:#466994;font-size:8px;font-weight:850;animation:abFloat 5.5s ease-in-out infinite}
.f1{left:0;top:18%;animation-delay:-1.1s}.f2{right:1%;top:12%;animation-delay:-2.2s}.f3{left:-2%;bottom:18%;animation-delay:-3.3s}.f4{right:-1%;bottom:22%;animation-delay:-4.1s}
.ab-founder-copy h2{font-size:clamp(31px,3vw,43px)}
.ab-founder-lead{margin:14px 0 0;color:#294d7c;font-size:15px!important;font-weight:680;line-height:1.62!important}
.ab-founder-copy>p{margin:10px 0 0;color:#6a80a3;font-size:12.5px;line-height:1.72}
.ab-founder-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.ab-founder-tags span{padding:6px 9px;border:1px solid #d8e4f2;border-radius:999px;background:#f8fbff;color:#4f6e9a;font-size:8px;font-weight:800}
.ab-founder-proof{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}
.ab-founder-proof article{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:13px;border:1px solid #dce7f3;border-radius:16px;background:linear-gradient(145deg,#fff,#f9fbff)}
.ab-founder-proof>b{}.ab-founder-proof article>b{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#edf5ff,#f5efff);color:#215eb8;font-size:14px}
.ab-founder-proof small{display:block;color:#8998af;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.ab-founder-proof strong{display:block;margin-top:2px;color:#274b7a;font-size:10px;line-height:1.35}
.ab-founder-proof p{margin:4px 0 0;color:#7a8ca7;font-size:8.5px;line-height:1.5}

/* =====================================================================
   LEADERSHIP + COMPANY IDENTITY
   ===================================================================== */
.ab-company{background:linear-gradient(180deg,#f8fbff,#fff)}
.ab-company-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:12px}
.ab-leadership-panel,.ab-identity-panel{padding:20px;border:1px solid #d8e4f2;border-radius:22px;background:#fff;box-shadow:var(--ab-shadow-soft)}
.ab-leadership-panel h2,.ab-identity-panel h2{font-size:24px}
.ab-leadership-panel>p,.ab-identity-top>p{margin-top:10px}
.ab-directors{display:grid;gap:8px;margin-top:16px}
.ab-directors article{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e0e8f4;border-radius:14px;background:#fafdff}
.ab-directors article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#0d6df2,#7547e8);color:#fff;font-size:11px;font-weight:900}
.ab-directors small{display:block;color:#8797af;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.ab-directors strong{display:block;margin-top:2px;color:#274b7b;font-size:12px}
.ab-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}
.ab-facts article{padding:10px;border:1px solid #e0e8f4;border-radius:13px;background:#f9fbff}
.ab-facts small{display:block;color:#8b9ab1;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.ab-facts strong{display:block;margin-top:3px;color:#2a4c78;font-size:10px;line-height:1.35}
.ab-socials{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.ab-socials a,.ab-social-placeholder{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #dce6f2;border-radius:999px;background:#fff;color:#58719a;font-size:8px;font-weight:800}
.ab-socials a>span,.ab-social-placeholder>span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#eef4ff;color:#215bb2;font-size:8px}
.ab-social-placeholder small{color:#9aa7ba;font-size:6px;font-weight:700}

/* =====================================================================
   FINAL CTA
   ===================================================================== */
.ab-final{padding:24px 0 44px;background:#fff}
.ab-final-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#071a38,#123566 62%,#3a246b);box-shadow:0 24px 58px rgba(16,46,101,.18)}
.ab-final-card:before{content:"";position:absolute;right:-80px;top:-120px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(116,73,235,.42),transparent 68%);animation:abAura 7s ease-in-out infinite}
.ab-final-card>div{position:relative;z-index:2}
.ab-final-card>div:first-child>span{color:#8eacd7;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.ab-final-card h2{max-width:720px;margin:5px 0 3px;color:#fff;font-size:26px;line-height:1.1;letter-spacing:-.03em}
.ab-final-card p{margin:0;color:#adc0df;font-size:11px}
.ab-final-actions{display:flex;gap:8px;flex-wrap:wrap}
.btn-light{background:#fff;color:#164b9c;box-shadow:0 8px 22px rgba(0,0,0,.12)}

/* =====================================================================
   ANIMATIONS
   ===================================================================== */
@keyframes abBadgeSweep{0%,68%{transform:translateX(-130%)}88%,100%{transform:translateX(130%)}}
@keyframes abTextFlow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes abAccentFlow{0%{background-position:0% 50%}100%{background-position:180% 50%}}
@keyframes abSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes abSpinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes abFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes abPulse{0%,100%{box-shadow:0 0 0 4px rgba(56,214,155,.08)}50%{box-shadow:0 0 0 8px rgba(56,214,155,.02)}}
@keyframes abAura{0%,100%{transform:scale(.97);opacity:.82}50%{transform:scale(1.04);opacity:1}}
@keyframes abCoreFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-4px)}}

/* =====================================================================
   RESPONSIVE
   ===================================================================== */
@media(max-width:1120px){
  .ab-hero-grid{grid-template-columns:1fr 1fr;gap:26px}
  .ab-discovery{min-height:405px}
  .ab-mission-grid{grid-template-columns:1fr 1fr;gap:20px}
  .ab-segment-card{grid-template-columns:190px 1fr}
  .ab-founder-grid{grid-template-columns:330px 1fr;gap:26px}
  .ab-founder-float{display:none}
}

@media(max-width:900px){
  .ab-section{padding:36px 0}
  .ab-hero{padding:38px 0 30px}
  .ab-hero-grid,.ab-mission-grid,.ab-founder-grid,.ab-company-grid{grid-template-columns:1fr}
  .ab-discovery{max-width:650px;width:100%;margin:auto;min-height:400px}
  .ab-section-head{grid-template-columns:1fr;gap:10px;align-items:start}
  .ab-section-head>p{max-width:760px}
  .ab-journey-track{grid-template-columns:repeat(2,1fr)}
  .ab-progress-line{display:none}
  .ab-three-grid{grid-template-columns:1fr}
  .ab-feature-card{min-height:205px}
  .ab-card-tag{position:static;margin-top:14px;width:max-content}
  .ab-segment-grid{grid-template-columns:1fr}
  .ab-segment-card{min-height:190px}
  .ab-founder-photo{min-height:440px}
  .ab-founder-photo figure{width:330px}
  .ab-founder-proof{max-width:720px}
  .ab-facts{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .ab-section{padding:30px 0}
  .ab-hero{padding:30px 0 24px}
  .ab-hero-copy h1{font-size:38px;line-height:1.02}
  .ab-lead{font-size:13.5px}
  .ab-actions{flex-direction:column}.ab-actions .btn{width:100%}
  .ab-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
  .ab-proof article{min-width:0;padding:9px}.ab-proof b{font-size:12px}.ab-proof span{font-size:7px}
  .ab-discovery{min-height:360px;padding:14px;border-radius:22px}
  .ab-discovery-top{align-items:flex-start}.ab-live{display:none}
  .ab-map{height:260px}.ring-one{width:190px;height:190px}.ring-two{width:250px;height:250px}
  .ab-map-core{width:116px;height:116px;border-radius:31px}.ab-map-core img{width:40px;height:40px}
  .ab-map-node{padding:7px 9px;gap:7px}.ab-map-node img{width:24px;height:24px;padding:4px}.ab-map-node span{display:block;font-size:8px}
  .node-google{left:2%}.node-chatgpt{right:1%}.node-gemini{left:4%}.node-claude{right:2%}
  .ab-signal-row span{font-size:7px;padding:5px 7px}
  .ab-section-head h2,.ab-mission-copy h2,.ab-founder-copy h2{font-size:27px}
  .ab-journey-track{grid-template-columns:1fr}
  .ab-three-grid{gap:9px}
  .ab-feature-card{padding:16px}
  .ab-compare-head{grid-template-columns:1fr 78px 1fr;padding-inline:10px}.ab-compare-row{grid-template-columns:1fr 38px 1fr;padding-inline:10px}.ab-compare-row strong{font-size:10px}.ab-compare-row i{width:26px;height:26px}
  .ab-segment-card{grid-template-columns:1fr}.ab-segment-brand{display:block}.ab-segment-brand:after{display:none}.ab-segment-logo{height:110px}.ab-segment-body{padding:16px 18px}.ab-segment-body:before{top:0;right:0;bottom:auto;width:auto;height:3px;background:linear-gradient(90deg,transparent,var(--seg),transparent)}
  .ab-founder-photo{min-height:400px}.ab-founder-photo figure{width:min(100%,310px)}
  .ab-founder-proof{grid-template-columns:1fr}
  .ab-company-grid{gap:9px}.ab-leadership-panel,.ab-identity-panel{padding:16px}.ab-facts{grid-template-columns:1fr 1fr}
  .ab-final{padding:18px 0 32px}.ab-final-card{align-items:flex-start;flex-direction:column;padding:20px}.ab-final-card h2{font-size:22px}.ab-final-actions{width:100%;flex-direction:column}.ab-final-actions .btn{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .about-page *,
  .about-page *:before,
  .about-page *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js-about [data-reveal]{opacity:1!important;transform:none!important}
}