/* ============ ABOUT — درباره ما ============ */

/* ---- روایت + پنل آمار ---- */
.abt-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
  gap:clamp(34px,4vw,64px);align-items:start}
.abt-story p{color:var(--muted);font-size:17px;line-height:2.05;text-align:justify}
.abt-story p + p{margin-top:20px}
.abt-story p.first{font-size:19.5px;line-height:1.95;color:var(--petrol-900);font-weight:500;
  text-align:start}
.abt-story .sig{margin-top:30px;padding-top:22px;border-top:1px solid var(--line);
  font-size:14px;color:var(--muted-2);line-height:1.9}
.abt-story .sig b{display:block;color:var(--petrol-900);font-size:15px;margin-bottom:2px}

.abt-stats{position:sticky;top:calc(var(--nav-h) + 24px);
  background:linear-gradient(160deg,#023A58,#012A3F);color:#C6D9E5;
  border-radius:var(--r-lg);padding:32px 30px;overflow:hidden}
.abt-stats::before{content:"";position:absolute;inset:auto -70px -110px auto;width:280px;height:280px;
  border-radius:50%;background:radial-gradient(rgba(102,194,230,.22),transparent 70%);pointer-events:none}
.abt-stats h2{color:#fff;font-size:15px;margin-bottom:22px;position:relative}
.abt-stats .row{position:relative;display:flex;flex-direction:column;gap:20px}
.abt-stats .s{display:flex;align-items:baseline;gap:12px;
  padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.abt-stats .s:last-child{border-bottom:0;padding-bottom:0}
.abt-stats .n{font-family:var(--font-en);direction:ltr;font-size:32px;font-weight:700;color:#fff;
  line-height:1;flex:0 0 auto;min-width:88px}
.abt-stats .n .u{font-size:17px;color:var(--cyan-300);margin-inline-start:2px}
.abt-stats .l{font-size:14px;line-height:1.7;color:#A6BCC9}

/* ---- خط زمانی ---- */
.tline{position:relative;margin-top:8px;padding-inline-start:0}
.tline::before{content:"";position:absolute;inset-block:10px 10px;inset-inline-end:9px;
  width:2px;background:linear-gradient(180deg,var(--cyan-300),var(--line))}
.tstep{position:relative;padding-inline-end:44px;padding-bottom:34px}
.tstep:last-child{padding-bottom:0}
.tstep::before{content:"";position:absolute;inset-inline-end:2px;top:6px;
  width:16px;height:16px;border-radius:50%;background:#fff;
  border:3px solid var(--cyan);box-shadow:0 0 0 5px var(--cyan-50)}
.tstep.now::before{background:var(--cyan)}
.tstep .yr{font-family:var(--font-en);direction:ltr;font-size:13px;font-weight:700;
  color:var(--cyan-ink);letter-spacing:.06em;display:block;margin-bottom:6px}
.tstep h3{font-size:17.5px;line-height:1.55;margin-bottom:8px}
.tstep p{color:var(--muted);font-size:15px;line-height:1.95;max-width:56ch}

/* ---- چهار حوزه (هاب و اسپوک) ---- */
.hubs{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.hub{position:relative;display:flex;gap:18px;align-items:flex-start;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;
  transition:transform .24s,box-shadow .24s,border-color .24s}
.hub:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--line-2)}
.hub .ic{flex:0 0 46px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:var(--cyan-50)}
.hub .ic svg{width:22px;height:22px;stroke:var(--petrol);fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.hub h3{font-size:17.5px;line-height:1.5;margin-bottom:8px;display:flex;align-items:center;gap:8px}
.hub h3 .ext{width:13px;height:13px;opacity:.45;stroke:currentColor;fill:none;stroke-width:2.1}
.hub p{color:var(--muted);font-size:14.5px;line-height:1.9}
.hub .go{display:inline-flex;align-items:center;gap:7px;margin-top:14px;
  font-size:13.5px;font-weight:700;color:var(--cyan-ink)}
.hub .go svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.3;
  transition:transform .2s}
.hub:hover .go svg{transform:translateX(-4px)}
.hub .soon{font-size:11.5px;font-weight:700;color:var(--muted-2);background:var(--wash-2);
  border-radius:6px;padding:3px 9px}
.hub .stretch::after{content:"";position:absolute;inset:0;border-radius:var(--r-lg)}

/* ---- اصول کاری ---- */
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.val{background:var(--wash);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px}
.val .ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  background:#fff;border:1px solid var(--line);margin-bottom:18px}
.val .ic svg{width:20px;height:20px;stroke:var(--cyan-ink);fill:none;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.val h3{font-size:17px;line-height:1.5;margin-bottom:10px}
.val p{color:var(--muted);font-size:14.5px;line-height:1.95}

@media (max-width:1080px){
  .abt-intro{grid-template-columns:1fr;gap:34px}
  .abt-stats{position:static}
  .abt-stats .row{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}
  .abt-stats .s{border-bottom:0;padding-bottom:0}
  .hubs{grid-template-columns:1fr}
  .vals{grid-template-columns:1fr}
}
@media (max-width:720px){
  .abt-stats .row{grid-template-columns:1fr}
  .abt-stats .n{font-size:28px;min-width:76px}
  .tstep{padding-inline-end:34px}
  .abt-story p.first{font-size:18px}
}