/* История сотрудника и живые цифры. Строки истории появляются по одной, линия над каждой
   прочерчивается. В тёмной панели настоящие итоги счётчика активности накручиваются от нуля;
   главная плитка выезжает крупно, под ней столбцы дней перетекают в линию (только когда есть
   история ≥ 14 дней). Без ответа статистики панель остаётся с тремя утверждениями из разметки. */
.story-copy p{font-size:16px;margin:0 0 24px}
.story-timeline .line-item{position:relative;display:grid;grid-template-columns:58px 1fr;gap:18px;padding:20px 0;border-bottom:0}
.story-timeline .line-item:first-child{border-top:0}
.line-item:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:rgba(16,18,20,.16);transform-origin:left;transform:scaleX(1);transition:transform 480ms var(--story-ease-enter)}
.line-item:last-child:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(16,18,20,.16)}
.line-item time{font-size:11px;letter-spacing:.14em;color:#8b8f95;padding-top:5px}
.line-item strong{display:block;font-size:22px;font-weight:500;letter-spacing:-.03em;margin-bottom:5px}
.line-item span{display:block;font-size:14px;line-height:1.45;color:#6e7278}
.story.pending .line-item{opacity:0;translate:0 10px}
.story.pending .line-item:before{transform:scaleX(0)}
.story.in .line-item{opacity:1;translate:0 0;transition:opacity 420ms ease,translate 420ms var(--story-ease-enter);transition-delay:var(--d)}
.story.in .line-item:before{transform:scaleX(1);transition-delay:var(--d)}
.line-item:nth-child(1){--d:0ms}.line-item:nth-child(2){--d:140ms}.line-item:nth-child(3){--d:280ms}.line-item:nth-child(4){--d:420ms}
.story-dark{padding:52px 42px 44px;display:flex;flex-direction:column;gap:22px}
.metric{margin-bottom:0}
.live-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.live-head i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5ce08a;margin-right:8px;box-shadow:0 0 0 3px rgba(92,224,138,.18)}
.metric strong{font-size:40px;font-weight:360;display:block;letter-spacing:-.05em;margin-bottom:5px;font-variant-numeric:tabular-nums}
.metric span{font-size:15px;line-height:1.4;color:rgba(255,255,255,.72)}
.metric.featured{border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 22px 18px;background:rgba(255,255,255,.04);transform-origin:top left;transition:transform 600ms var(--story-ease-enter),opacity 400ms ease}
.metric.featured strong{font-size:64px;line-height:1;margin-bottom:8px}
.story.pending .metric.featured{transform:scale(.72);opacity:.55}
.story.in .metric.featured{transform:none;opacity:1;transition-delay:1100ms}
.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
/* График: столбцы дней, потом линия через их вершины. */
.spark{display:block;width:100%;height:78px;margin-top:14px;overflow:visible}
.spark rect{fill:rgba(255,255,255,.28);transform-origin:bottom;transform:scaleY(0);transition:transform 420ms var(--story-ease-enter),fill 500ms ease}
.story.in .spark rect{transform:scaleY(1)}
.spark path{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 800ms var(--story-ease-exit)}
.spark circle{fill:#fff;opacity:0;transition:opacity 200ms ease}
.spark.line rect{fill:rgba(255,255,255,.14)}
.spark.line path{stroke-dashoffset:0}
.spark.line circle{opacity:1;transition-delay:700ms}
.spark-note{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-top:8px}
/* Иврит: линия прочерчивается и главная плитка вырастает от начала строки — справа. */
[dir="rtl"] .line-item:before{transform-origin:right}
[dir="rtl"] .metric.featured{transform-origin:top right}
[data-landing-theme="sapphire"] .line-item:before,[data-landing-theme="sapphire"] .line-item:last-child:after{background:#dce5f0}
[data-landing-theme="sapphire"] .metric.featured{border-color:rgba(186,228,255,.55);background:linear-gradient(145deg,rgba(143,220,255,.24),rgba(0,109,194,.09))}
[data-landing-theme="sapphire"] .spark rect{fill:rgba(190,214,235,.35)}
[data-landing-theme="sapphire"] .spark.line rect{fill:rgba(190,214,235,.16)}
[data-landing-theme="sapphire"] .spark path{stroke:#d2ff38}
[data-landing-theme="sapphire"] .spark circle{fill:#d2ff38}
[data-landing-theme="sapphire"] .live-head{color:#bed6eb}
@media(max-width:760px){
  .story-copy h3{font-size:44px}
  .story-timeline{padding:28px 22px}
  .story-dark{padding:32px 22px}.metric.featured strong{font-size:48px}
}
@media(max-width:620px){.story-copy h3{font-size:clamp(30px,8.6vw,40px)}}