.solution-journey{--sj-accent:#31d6df;--sj-accent2:#6f7cff;--sj-green:#4caf50;--sj-border:rgba(166,181,255,.20);--sj-card:rgba(17,21,48,.82);position:relative;width:min(1180px,calc(100% - 32px));margin:56px auto;padding:34px;border:1px solid var(--sj-border);border-radius:28px;background:linear-gradient(145deg,rgba(15,18,48,.94),rgba(9,12,31,.90));box-shadow:0 28px 80px rgba(0,0,0,.28);color:#f4f7ff;overflow:hidden}.solution-journey:before{content:"";position:absolute;width:460px;height:460px;right:-220px;bottom:-300px;background:radial-gradient(circle,rgba(49,214,223,.18),transparent 67%);pointer-events:none}.sj-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:24px}.sj-kicker,.sj-stage-label{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid rgba(75,222,228,.3);border-radius:999px;color:#83eef3;background:rgba(49,214,223,.08);font-size:12px;font-weight:700;letter-spacing:.02em}.sj-head h2{font-size:clamp(28px,4vw,46px);line-height:1.05;margin:12px 0 8px}.sj-head p{margin:0;color:#afb8cf;font-size:17px;max-width:720px}.sj-progress{width:150px;height:6px;background:rgba(255,255,255,.09);border-radius:999px;overflow:hidden;flex:0 0 auto}.sj-progress-bar{display:block;height:100%;width:20%;border-radius:inherit;background:linear-gradient(90deg,var(--sj-accent2),var(--sj-accent));transition:width .35s ease}.sj-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 18px}.sj-tab{appearance:none;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#9fa9c1;border-radius:12px;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font:inherit;font-size:13px;transition:.2s ease}.sj-tab:hover{border-color:rgba(49,214,223,.35);color:#fff}.sj-tab.is-active{color:#fff;border-color:rgba(49,214,223,.55);background:linear-gradient(135deg,rgba(111,124,255,.20),rgba(49,214,223,.13));box-shadow:inset 0 0 0 1px rgba(49,214,223,.08)}.sj-step-no{display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 5px;border-radius:8px;background:rgba(255,255,255,.08);font-size:11px;color:#dfe7ff}.sj-stage-wrap{position:relative;min-height:460px}.sj-stage{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.35fr);gap:34px;align-items:center;min-height:455px;padding:22px 4px 12px;animation:sj-in .35s ease}.sj-stage[hidden]{display:none!important}@keyframes sj-in{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}.sj-copy h3{font-size:clamp(25px,3vw,36px);line-height:1.12;margin:14px 0 14px}.sj-copy p{font-size:16px;line-height:1.65;color:#b7c0d7;margin:0 0 16px}.sj-note{font-size:13px!important;color:#8692ad!important}.sj-prompt-card,.sj-plan-card,.sj-chat-window,.sj-model-canvas,.sj-video-placeholder{border:1px solid rgba(173,189,255,.17);background:linear-gradient(145deg,rgba(30,36,74,.84),rgba(17,21,48,.95));box-shadow:0 18px 50px rgba(0,0,0,.24)}.sj-prompt-card{border-radius:17px;padding:18px;margin:20px 0 12px}.sj-prompt-user{color:#7eeef3;font-size:12px;font-weight:700;margin-bottom:7px}.sj-prompt-card p{color:#eef3ff;margin:0;font-size:16px}.sj-visual{min-width:0}.sj-chat-window{border-radius:20px;min-height:330px;padding:0 24px 24px;overflow:hidden}.sj-chat-top{height:54px;margin:0 -24px 35px;padding:0 18px;display:flex;gap:7px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);color:#8995b0;font-size:12px}.sj-chat-top span{width:8px;height:8px;border-radius:50%;background:#55627c}.sj-chat-top strong{margin-left:8px}.sj-chat-message{max-width:76%;margin-left:auto;padding:17px 20px;border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,rgba(76,90,208,.8),rgba(33,170,191,.6));font-size:18px;line-height:1.45}.sj-chat-answer{display:flex;gap:7px;margin:30px 0 0 20px}.sj-chat-answer i{display:block;width:9px;height:9px;background:#57d9df;border-radius:50%;animation:sj-dot 1.1s infinite ease-in-out}.sj-chat-answer i:nth-child(2){animation-delay:.15s}.sj-chat-answer i:nth-child(3){animation-delay:.3s}@keyframes sj-dot{0%,80%,100%{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.sj-check-list{list-style:none;padding:0;margin:20px 0}.sj-check-list li{position:relative;padding:9px 0 9px 28px;color:#c2cbdf;line-height:1.45}.sj-check-list li:before{content:"✓";position:absolute;left:0;top:9px;color:#63e6b4;font-weight:800}.sj-plan-card{border-radius:22px;padding:24px}.sj-plan-title{font-size:19px;font-weight:800;margin-bottom:16px}.sj-plan-row{display:flex;gap:15px;align-items:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.07)}.sj-plan-row>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,rgba(111,124,255,.32),rgba(49,214,223,.16));font-size:11px;color:#eaf7ff}.sj-plan-row div{display:flex;flex-direction:column;gap:3px}.sj-plan-row b{font-size:15px}.sj-plan-row small{font-size:12px;color:#8f9ab4}.sj-model-canvas{position:relative;height:390px;border-radius:22px;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px}.sj-model-lines{position:absolute;inset:0;width:100%;height:100%;z-index:0}.sj-model-lines path{fill:none;stroke:rgba(69,220,225,.45);stroke-width:2}.sj-model-node{position:absolute;width:145px;padding:12px 13px;border-radius:13px;border:1px solid rgba(96,219,229,.32);background:rgba(21,27,57,.96);box-shadow:0 10px 28px rgba(0,0,0,.28);z-index:1}.sj-model-node strong{display:block;margin-bottom:8px;color:#eefaff;font-size:14px}.sj-model-node span{display:block;padding:3px 0;border-top:1px solid rgba(255,255,255,.055);color:#9faac2;font-size:11px}.n-order{left:6%;top:15%}.n-client{right:12%;top:13%}.n-delivery{right:12%;bottom:10%}.n-vehicle{left:8%;bottom:10%}.sj-shot{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 22px 55px rgba(0,0,0,.32);background:#111}.sj-shot img{display:block;width:100%;height:auto}.sj-run-callout{position:absolute;left:14%;top:7.5%;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:7px;background:#4caf50;color:#fff;border:1px solid rgba(255,255,255,.28);font-weight:700;font-size:13px;box-shadow:0 0 0 0 rgba(76,175,80,.7);animation:sj-run-pulse 1.25s infinite}.sj-play{font-size:12px}@keyframes sj-run-pulse{0%{box-shadow:0 0 0 0 rgba(76,175,80,.65)}70%{box-shadow:0 0 0 13px rgba(76,175,80,0)}100%{box-shadow:0 0 0 0 rgba(76,175,80,0)}}.sj-result-badge{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:11px 15px;border-radius:12px;background:rgba(59,195,132,.10);border:1px solid rgba(79,221,155,.28);color:#b9f6d8;font-weight:700}.sj-result-badge span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#37b97a;color:#fff}.sj-runtime-shot:after{content:"Рабочее приложение";position:absolute;right:14px;bottom:14px;padding:7px 10px;border-radius:9px;background:rgba(9,13,32,.82);border:1px solid rgba(255,255,255,.13);font-size:11px;color:#eaf1ff}.sj-video-placeholder{min-height:340px;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#afbad0}.sj-video-placeholder strong{color:#fff;font-size:20px}.sj-video-play{width:74px;height:74px;border-radius:50%;border:1px solid rgba(49,214,223,.5);background:linear-gradient(145deg,#5667de,#25c4cf);color:#fff;font-size:26px;cursor:default;box-shadow:0 14px 35px rgba(36,193,205,.22)}.sj-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08)}.sj-nav-btn{appearance:none;border:1px solid rgba(255,255,255,.15);border-radius:11px;padding:10px 16px;background:rgba(255,255,255,.045);color:#eef3ff;font:inherit;font-weight:700;cursor:pointer}.sj-nav-btn:hover:not(:disabled){border-color:rgba(49,214,223,.5);background:rgba(49,214,223,.08)}.sj-nav-btn:disabled{opacity:.35;cursor:default}.sj-prev{justify-self:start}.sj-next{justify-self:end}.sj-dots{display:flex;gap:7px}.sj-dots span{display:block;width:7px;height:7px;border-radius:50%;background:#46506a;transition:.2s}.sj-dots span.is-active{width:22px;border-radius:6px;background:linear-gradient(90deg,var(--sj-accent2),var(--sj-accent))}@media(max-width:900px){.solution-journey{padding:24px}.sj-head{align-items:flex-start}.sj-progress{display:none}.sj-tabs{display:flex;overflow:auto;padding-bottom:5px}.sj-tab{flex:0 0 auto;padding:9px 13px}.sj-stage{grid-template-columns:1fr;min-height:0}.sj-copy{max-width:680px}.sj-stage-wrap{min-height:0}.sj-model-canvas{height:350px}}@media(max-width:560px){.solution-journey{width:calc(100% - 20px);margin:30px auto;padding:18px;border-radius:20px}.sj-head h2{font-size:30px}.sj-stage{padding-top:8px;gap:22px}.sj-model-canvas{height:300px}.sj-model-node{width:115px;padding:9px}.n-client,.n-delivery{right:4%}.n-order,.n-vehicle{left:4%}.sj-run-callout{left:10%;top:6%;transform:scale(.85);transform-origin:left top}.sj-nav{grid-template-columns:1fr 1fr}.sj-dots{display:none}}