:root{--ab-line:#ebe8e0;--ab-red:#EB003B;--ab-ease:cubic-bezier(.32,.72,0,1)}


/* 2 · numbers */
.ab-num{position:relative;overflow:hidden;padding:44px 40px;border-radius:32px;background:#fff;border:1px solid var(--ab-line);text-align:center}
.ab-num::before{content:"";position:absolute;inset:0;background:radial-gradient(420px 260px at 18% 20%,rgba(235,0,59,.08),transparent 70%),radial-gradient(420px 260px at 85% 90%,rgba(22,217,198,.1),transparent 70%);pointer-events:none}
.ab-num .ab-sec-h{position:relative}
.ab-num .ab-sec-h h2{margin-inline:auto;font-size:28px}
.ab-stats{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;text-align:start}
.ab-stat{position:relative;padding:22px;border-radius:22px;background:rgba(255,255,255,.8);border:1px solid var(--ab-line);overflow:hidden}
.ab-stat::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--c);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ab-ease)}
.ab-stat.is-in::after{transform:scaleX(.9)}
.ab-stat-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--s);color:var(--c);margin-bottom:16px}
.ab-stat b{display:block;font:800 clamp(24px,2.6vw,34px)/1 'Plus Jakarta Sans',sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ab-stat small{display:block;margin-top:8px;font:700 11px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#6b6760}
.ab-stat.is-red{--c:#EB003B;--s:#FDE6EC}.ab-stat.is-teal{--c:#0E8F80;--s:#E3FAF8}.ab-stat.is-violet{--c:#7B5CC4;--s:#EFE9F8}.ab-stat.is-orange{--c:#E0661A;--s:#FFF1E9}

/* responsive */
@media (max-width:1023px){.ab-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){.ab-num{padding:28px 18px}.ab-stats{grid-template-columns:1fr 1fr;gap:10px}.ab-stat{padding:16px}}
@media (prefers-reduced-motion:reduce){.ab-stat::after{transform:scaleX(.9);transition:none}}

/* stat cards: hover motion (13 Nov 2026) */
.ab-stat{cursor:default;transition:transform .45s var(--ab-ease),box-shadow .45s var(--ab-ease),border-color .3s}
.ab-stat-ic{transition:transform .5s var(--ab-ease),background .3s,color .3s}
.ab-stat::before{content:"";position:absolute;inset:0;background:radial-gradient(260px 160px at 20% 0%,var(--s),transparent 70%);opacity:0;transition:opacity .45s;pointer-events:none}
.ab-stat>*{position:relative}
@media (hover:hover){
 .ab-stat:hover{transform:translateY(-6px);box-shadow:0 26px 50px -30px rgba(0,0,0,.35);border-color:transparent}
 .ab-stat:hover::before{opacity:1}
 .ab-stat:hover::after{transform:scaleX(1);transition-duration:.6s}
 .ab-stat:hover .ab-stat-ic{transform:translateY(-3px) rotate(-8deg) scale(1.08);background:var(--c);color:#fff}}
@media (prefers-reduced-motion:reduce){.ab-stat,.ab-stat-ic{transition:none}.ab-stat:hover{transform:none}.ab-stat:hover .ab-stat-ic{transform:none}}
/* Shared heading styling; the fragment does not require About page assets. */
.ab-num .ab-sec-h{margin-bottom:24px}.ab-num .ab-kick{display:inline-flex;align-items:center;gap:10px;font:700 12px 'JetBrains Mono',monospace;letter-spacing:.18em;text-transform:uppercase;color:#6b6760}.ab-num .ab-kick:before{content:"";width:8px;height:8px;border-radius:50%;background:#EB003B;box-shadow:0 0 0 6px #eb003b1a}.ab-num h2{font:800 28px/1.08 'Plus Jakarta Sans',sans-serif;letter-spacing:-.035em;margin:12px auto 0}
@media(max-width:767px){.ab-stat small{white-space:nowrap}.ab-stat.is-red small,.ab-stat.is-orange small{font-size:9px;letter-spacing:.04em}}
[dir=rtl] .ab-num *{font-family:Almarai,'Plus Jakarta Sans',sans-serif;letter-spacing:0}
@media(prefers-reduced-motion:reduce){.ab-stat,.ab-stat *,.ab-stat:before,.ab-stat:after{transition:none!important;animation:none!important}.ab-stat:hover{transform:none}}

.ab-num{font:400 16px/normal 'Plus Jakarta Sans',sans-serif}

/* D7: keep whole figures and their plus suffix together in both directions. */
.ab-stat b{white-space:nowrap;direction:ltr;unicode-bidi:isolate}[dir=rtl] .ab-stat b{text-align:right}