/* «من نحن» */
.ab{--lime:var(--brand-lime,#c6f84a);--card:rgba(255,255,255,.04);--line:rgba(255,255,255,.1)}
.ab-eyebrow{display:inline-block;font:600 13px/20px var(--font-display);color:var(--lime);letter-spacing:.3px;padding:4px 12px;border:1px solid rgba(198,248,74,.35);border-radius:999px;background:rgba(198,248,74,.06)}
.ab-hero{position:relative;overflow:hidden;padding:88px 16px 72px;text-align:center;background:radial-gradient(1200px 500px at 50% -10%,rgba(83,90,255,.28),transparent 60%),radial-gradient(600px 320px at 85% 90%,rgba(198,248,74,.10),transparent 70%)}
.ab-wm{position:absolute;inset-inline-end:-80px;top:-40px;width:420px;height:436px;background:url(../img/biosyn-mark.png) center/contain no-repeat;opacity:.06;pointer-events:none}
.ab-in{position:relative;max-width:860px;margin:0 auto}
.ab-hero h1{font:800 clamp(30px,5vw,52px)/1.3 var(--font-display);margin:18px 0 16px}
.ab-hl{color:var(--lime)}
.ab-lead{font-size:clamp(16px,2vw,19px);line-height:1.9;opacity:.85;max-width:720px;margin:0 auto}
.ab-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}

.ab-stats{max-width:1120px;margin:-28px auto 0;padding:0 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative}
.ab-stat{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:20px;padding:22px 18px;text-align:center;backdrop-filter:blur(6px)}
.ab-stat b{display:block;font:800 clamp(30px,4vw,42px)/1.1 var(--font-display);color:var(--lime);direction:ltr;font-variant-numeric:tabular-nums}
.ab-stat span{display:block;margin-top:8px;font-size:14px;opacity:.8}
.ab-live{grid-column:1/-1;text-align:center;font-size:13px;opacity:.65;margin:2px 0 0}

.ab-sec{max-width:1120px;margin:0 auto;padding:72px 16px 0}
.ab-head{text-align:center;max-width:720px;margin:0 auto 28px}
.ab-head h2{font:800 clamp(24px,3.4vw,34px)/1.35 var(--font-display);margin:12px 0 8px}
.ab-head p{opacity:.75;margin:0}
.ab-text{font-size:17px;line-height:2;opacity:.9;max-width:860px;margin:0 auto}
.ab-text p{margin:0 0 14px}
.ab-story .ab-text{text-align:center}

.ab-vm{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ab-card{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px}
.ab-card::after{content:"";position:absolute;inset-inline-end:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:rgba(198,248,74,.08)}
.ab-card h3{font:800 22px/1.4 var(--font-display);margin:14px 0 8px}
.ab-card p{margin:0;line-height:1.95;opacity:.88}
.ab-ic{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(198,248,74,.12);color:var(--lime);flex:none}
.ab-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.ab-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px}
.ab-svc{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;transition:border-color .2s,transform .2s}
.ab-svc:hover{border-color:rgba(198,248,74,.45);transform:translateY(-2px)}
.ab-num{font:800 14px/1 var(--font-display);color:var(--lime);opacity:.9}
.ab-svc h3{font:700 19px/1.45 var(--font-display);margin:12px 0 6px}
.ab-svc p{margin:0;line-height:1.85;opacity:.8;font-size:15px}

.ab-founder{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:56px;align-items:center}
.ab-photo{position:relative;max-width:400px;width:100%;margin:0 auto}
.ab-photo picture,.ab-photo img{display:block;width:100%;height:auto;border-radius:28px;position:relative;z-index:1;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.ab-shape{position:absolute;border-radius:28px;z-index:0}
.ab-shape1{inset:18px -18px -18px 18px;border:2px solid var(--lime)}
.ab-shape2{width:120px;height:120px;inset-inline-start:-30px;top:-30px;background:radial-gradient(circle,rgba(198,248,74,.35),transparent 70%);border-radius:50%}
.ab-badge{position:absolute;z-index:2;bottom:22px;inset-inline-start:-16px;background:var(--lime);color:#010232;font:600 14px/1 var(--font-display);padding:12px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);direction:ltr}
.ab-badge b{font-weight:800}
.ab-fbody h2{font:800 clamp(28px,4vw,40px)/1.2 var(--font-display);margin:14px 0 6px}
.ab-role{color:var(--lime);font-weight:600;margin:0 0 18px}
.ab-fbody .ab-text{margin:0}

.ab-contact{padding-bottom:88px}
.ab-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:14px;max-width:760px;margin:0 auto}
.ab-ccard{display:flex;gap:14px;align-items:center;padding:20px;border-radius:20px;background:var(--card);border:1px solid var(--line);color:inherit;text-decoration:none;transition:border-color .2s,background .2s}
.ab-ccard:hover{border-color:var(--lime);background:rgba(198,248,74,.05)}
.ab-ccard small{display:block;opacity:.7;margin-bottom:2px}
.ab-ccard b{font-size:17px}
.ab-wa .ab-ic{background:rgba(37,211,102,.14);color:#25d366}

@media (max-width:860px){
  .ab-stats{grid-template-columns:1fr 1fr}
  .ab-vm{grid-template-columns:1fr}
  .ab-founder{grid-template-columns:1fr;gap:40px;text-align:center}
  .ab-photo{max-width:320px}
  .ab-badge{inset-inline-start:50%;transform:translateX(-50%);bottom:-14px}
  [dir=rtl] .ab-badge{transform:translateX(50%)}
}