/* «The journey»: настоящие экраны модулей, дорожка с бегущим импульсом, вкладки → панели.
   Шрифт поднят против прежнего (решение владельца 28.09: «мелкий шрифт»). Полоска скользит под
   выбранную вкладку (сдвигом translate, без пересчёта раскладки); экран этапа входит с той стороны, куда
   шёл человек: вперёд — с конца строки, назад — с начала, а прежний уходит в обратную сторону (08.10;
   в иврите зеркально, --from ставит story-chain.js). Sapphire-цвета — в /sapphire/landing.css.
   Мобильные правила повторяют прежние из index.html. */
.journey-demo{--journey:#315efb;border-top:1px solid var(--line)}
.journey-rail{display:grid;grid-template-columns:repeat(4,1fr);position:relative;border-bottom:1px solid var(--line)}
.journey-rail:before{content:"";position:absolute;left:0;right:0;top:32px;height:1px;background:#dedfe0}
.journey-progress{position:absolute;top:31px;height:2px;left:0;width:25%;background:var(--journey);transition:translate 260ms var(--hr-motion-easing-settle,cubic-bezier(.16,1,.3,1)),background .35s ease}
.journey-pulse{position:absolute;top:32px;left:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--pulse,#315efb);box-shadow:0 0 0 3px color-mix(in srgb,var(--pulse,#315efb) 22%,transparent),0 0 18px var(--pulse,#315efb);opacity:0;pointer-events:none;z-index:3;will-change:transform;transition:opacity 300ms ease,background 400ms ease,box-shadow 400ms ease}
.journey-tab{position:relative;z-index:2;border:0;background:transparent;text-align:left;padding:18px 18px 25px 0;color:#8a8e94;cursor:pointer;font-family:inherit}
.journey-tab+.journey-tab{padding-left:20px}
.journey-tab-num{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 16px;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;background:#f0f1f1;border:1px solid #e1e2e3;color:#6e7278;transition:.3s ease}
.journey-tab strong{display:block;font-size:21px;letter-spacing:var(--hr-font-tracking-subhead,-.015em);font-weight:530;color:#6c7076;transition:.3s ease}
.journey-tab>span:not(.journey-tab-num){display:block;font-size:13px;color:#92969b;margin-top:6px;line-height:1.4}
.journey-tab.active .journey-tab-num{background:var(--journey);border-color:var(--journey);color:#fff;box-shadow:0 8px 24px color-mix(in srgb,var(--journey) 18%,transparent)}
.journey-tab.active strong{color:#111315}
.journey-tab:focus-visible{outline:2px solid var(--journey);outline-offset:-2px;border-radius:8px}
.journey-stage{display:grid;grid-template-columns:minmax(0,1.72fr) minmax(300px,.88fr);min-height:560px}
.journey-visual{position:relative;padding:48px 48px 48px 0;min-width:0;overflow:hidden}
.journey-stack{position:relative;height:470px}
.journey-screen{position:absolute;inset:0;border:1px solid #e1e3e5;border-radius:22px;background:#fff;box-shadow:0 24px 58px rgba(28,32,38,.08);overflow:hidden;opacity:0;transform:translateX(var(--from,calc(var(--hr-motion-distance-medium,24px) * var(--hr-dir,1)))) scale(.992);pointer-events:none;transition:opacity 200ms var(--hr-motion-easing-standard,ease),transform 260ms var(--hr-motion-easing-settle,cubic-bezier(.16,1,.3,1))}
.journey-screen.active{opacity:1;transform:none;pointer-events:auto}
.journey-screen:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)}
.journey-window{height:100%;display:grid;grid-template-columns:156px 1fr}
.journey-side{border-right:1px solid #eceeef;background:#fafafa;padding:22px 14px}
.journey-brand{font-size:17px;font-weight:720;letter-spacing:-.04em;margin-bottom:22px}
.journey-nav{font-size:12px;color:#7d838b;padding:8px 10px;border-radius:8px;margin:3px 0}
.journey-nav.active{background:color-mix(in srgb,var(--journey) 8%,#fff);color:var(--journey);font-weight:650}
.journey-main{padding:25px 26px;min-width:0}
.journey-top{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
.journey-title{font-size:26px;letter-spacing:-.045em;font-weight:610}
.journey-search{height:36px;border:1px solid #e2e4e6;border-radius:9px;width:220px;color:#9a9ea3;font-size:11px;padding:10px}
.journey-filters{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.journey-pill{border:1px solid #e3e5e7;border-radius:999px;padding:6px 10px;font-size:11px;color:#787d83;background:#fff}
.journey-pill.active{border-color:color-mix(in srgb,var(--journey) 35%,#ddd);background:color-mix(in srgb,var(--journey) 7%,#fff);color:var(--journey)}
.candidate-list{border-top:1px solid #eceeef}
.candidate-row{display:grid;grid-template-columns:34px 1.5fr .72fr .62fr;gap:10px;align-items:center;padding:11px 7px;border-bottom:1px solid #eceeef;font-size:12px}
.candidate-row.selected{border-radius:10px;border-bottom-color:transparent;background:color-mix(in srgb,var(--journey) 6%,#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--journey) 24%,transparent)}
.journey-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#d8dadd,#aeb4ba);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700}
.candidate-row strong{display:block;font-size:13px;font-weight:580}.candidate-row small{font-size:10px;color:#92969b}
.match{color:#23855f;background:#e8f7ef;border-radius:999px;padding:5px 8px;width:max-content}
.candidate-status{color:var(--journey);background:color-mix(in srgb,var(--journey) 7%,#fff);border-radius:999px;padding:5px 8px;width:max-content}
.person-head{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid #eceeef;padding-bottom:18px}
.person-head .journey-avatar{width:62px;height:62px;border-radius:16px;font-size:16px}
.person-head h4{font-size:24px;letter-spacing:-.04em;margin:0 0 4px}.person-head p{font-size:12px;color:#858a91;margin:0}
.journey-state{border-radius:999px;padding:7px 11px;font-size:11px;color:#20855e;background:#e8f7ef}
.process-list{padding-top:14px}
.process-row{display:grid;grid-template-columns:20px 1fr auto;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #eef0f1;font-size:12px}
.process-dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--journey);color:#fff;font-size:9px}
.process-row time{font-size:10px;color:#a0a4a9}
.people-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}
.people-stat{border:1px solid #e5e7e9;border-radius:12px;padding:13px}.people-stat span{display:block;font-size:10px;color:#91959a;margin-bottom:6px}.people-stat strong{font-size:20px;letter-spacing:-.035em}
.activity-box{border:1px solid #e5e7e9;border-radius:12px;padding:14px}.activity-box h5{font-size:14px;margin:0 0 7px}
.activity-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eef0f1;font-size:11px}.activity-row:last-child{border-bottom:0}.activity-row span{color:#969ba0}
.journey-phone-wrap{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#f7f7f4,#eeefed)}
.journey-phone{width:232px;height:436px;border-radius:42px;background:#0b0c0e;padding:7px;box-shadow:0 24px 55px rgba(0,0,0,.16)}
.journey-phone-screen{height:100%;border-radius:36px;background:#fbfcfd;position:relative;overflow:hidden;padding:48px 15px 52px}
.journey-phone-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:76px;height:22px;border-radius:20px;background:#050607}
.journey-phone-head{font-size:13px;font-weight:680;margin-bottom:18px}.journey-phone-hello{font-size:11px;color:#75808c}.journey-phone-name{font-size:22px;font-weight:700;letter-spacing:-.04em;margin:2px 0 12px}
.journey-mobile-card{border:1px solid #e2e6ea;background:#fff;border-radius:12px;padding:11px;margin-bottom:8px;font-size:11px}.journey-mobile-card strong{display:block;font-size:12px;margin-bottom:3px}.journey-mobile-card span{color:#7b8490}
.journey-mobile-nav{position:absolute;left:0;right:0;bottom:0;height:43px;border-top:1px solid #e5e7e9;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;font-size:9px;color:#777f8a}
.journey-mobile-nav b{color:#5145eb}
.person-thread{position:absolute;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.88);border:1px solid #e6e7e8;border-radius:999px;padding:8px 12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;color:#6f747a}
@media(prefers-reduced-transparency:reduce){.person-thread{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff}}
.person-thread i{width:7px;height:7px;border-radius:50%;background:var(--journey)}
.journey-copy{border-left:1px solid var(--line);padding:48px 0 48px 42px;display:flex;flex-direction:column;min-width:0}
.journey-copy-stage{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#90949a;margin-bottom:14px}
.journey-copy h4{font-size:45px;line-height:1;letter-spacing:-.055em;font-weight:430;margin:0 0 16px}
.journey-copy>p{font-size:16px;line-height:1.6;color:#666b72;margin:0 0 28px;max-width:420px}
.journey-capabilities{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.journey-capability{padding:13px 0;border-bottom:1px solid var(--line)}
.journey-capability strong{display:block;font-size:15px;font-weight:560}.journey-capability span{display:block;font-size:13px;color:#8a8e94;margin-top:3px;line-height:1.45}
.journey-next{margin-top:auto;border:1px solid var(--line);border-radius:14px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#faf9f5}
.journey-next small{display:block;font-size:10px;letter-spacing:.13em;color:#989ca1;text-transform:uppercase;margin-bottom:4px}.journey-next strong{font-size:14px;font-weight:590}.journey-next span{font-size:18px}
.journey-links{display:flex;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}
.journey-links a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:560;letter-spacing:var(--hr-font-tracking-body,0)}
.journey-links a:first-child{color:#17191b;background:#fff;border:1px solid #cfd2d5}
.journey-links a:last-child{color:#fff;background:#111315;border:1px solid #111315;box-shadow:0 7px 18px rgba(17,19,21,.10)}
@media(max-width:900px){
  .journey-rail{grid-template-columns:1fr 1fr}.journey-rail:before,.journey-progress{display:none}.journey-tab{padding-bottom:18px}
  .journey-stage{grid-template-columns:1fr;min-height:0}.journey-visual{padding:34px 0}.journey-stack{height:470px}
  .journey-copy{border-left:0;border-top:1px solid var(--line);padding:34px 0}.journey-window{grid-template-columns:120px 1fr}
}
@media(max-width:760px){.journey-pulse{display:none!important}}
@media(max-width:620px){
  .journey-rail{grid-template-columns:1fr 1fr}.journey-tab span{display:none}.journey-tab strong{font-size:14px}
  .journey-visual{padding-top:24px}.journey-stack{height:425px}.journey-side{display:none}.journey-window{grid-template-columns:1fr}
  .journey-main{padding:18px}.journey-search{width:140px}.candidate-row{grid-template-columns:28px 1fr .65fr}.candidate-row>:nth-child(4){display:none}
  .journey-copy h4{font-size:38px}
  .journey-links{align-items:stretch;flex-direction:column}
  .journey-links a{width:100%}
}