.enterprise-direction.ed-demo{padding:30px;background:#faf8fe;border:1px solid #e1d7ef;border-radius:18px;color:#30213f;overflow:hidden}
.ed-demo *{box-sizing:border-box}.ed-demo svg{width:22px;height:22px;flex:none}.ed-kicker{font:600 11px/1.6 Arial,sans-serif;letter-spacing:.1em;color:#8668a3}.ed-demo .ed-heading h3{font-size:30px;line-height:1.4;margin:10px 0 24px;letter-spacing:-.03em;color:#362044}
.ed-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:24px}.ed-tabs button{display:flex;gap:9px;align-items:center;justify-content:center;padding:13px 8px;border:1px solid transparent;border-radius:10px;background:transparent;color:#796a88;font-family:inherit;font-size:14px;font-weight:500;line-height:1.5;cursor:pointer}.ed-tabs button[aria-selected=true]{color:#6634b4;border-color:#dbc9f1;background:#fff;box-shadow:0 4px 14px #5e367609}.ed-tabs button:hover{background:#f0e9f8}.ed-demo button:focus-visible{outline:3px solid #9164d0;outline-offset:3px}
.ed-stage{padding:24px;background:#fff;border:1px solid #e5dfee;border-radius:14px}.ed-incoming{display:flex;gap:14px;align-items:flex-start;padding:0 0 25px;position:relative}.ed-incoming>svg{color:#7346bc;margin-top:6px}.ed-demo .ed-incoming p{font-size:18px;line-height:1.7;margin:5px 0 0;color:#342540;max-width:640px}.ed-demo small{display:block;font:500 10px/1.5 Arial,sans-serif;letter-spacing:.08em;color:#9989a7}.ed-demo-badge{margin-left:auto;color:#a28db6;border:1px solid #ebe4f3;padding:3px 7px;border-radius:4px;font:10px/1.5 Arial,sans-serif;letter-spacing:.08em;flex:none}
.ed-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative}.ed-flow:before{content:'';position:absolute;left:5%;right:5%;top:40px;border-top:1px dashed #cbb5e4}.ed-step{position:relative;padding:17px 14px 30px;border:1px solid #ece6f2;border-radius:11px;background:#fcfbfe;min-width:0;transition:background .3s,border-color .3s,box-shadow .3s}.ed-step-top{display:flex;align-items:center;justify-content:space-between}.ed-icon{display:grid;place-items:center;width:38px;height:38px;color:#9578b5;background:#f1ebf8;border-radius:10px}.ed-number{font:11px/1.5 Arial,sans-serif;color:#b5a7c2}.ed-demo .ed-step h4{margin:17px 0 7px;color:#4f3c62;font-size:16px;line-height:1.5}.ed-demo .ed-step p{margin:0;font-size:13px;line-height:1.7;color:#8b7b99}.ed-step-state{position:absolute;bottom:8px;right:14px;color:#bca9cf;font-size:14px;letter-spacing:2px}.ed-step.is-active{background:#f4eefc;border-color:#ae8bd8;box-shadow:0 5px 20px #7546aa0b}.ed-step.is-active .ed-icon{background:#7141b8;color:#fff}.ed-step.is-active h4{color:#6434a3}.ed-step.is-active .ed-step-state{color:#7544b8;animation:ed-signal 1.4s ease-in-out infinite}.ed-step.is-done .ed-step-state{color:#7141b8}
.ed-result{display:flex;gap:12px;align-items:center;margin-top:20px;padding:16px 18px;background:#f8f5fc;border-radius:9px;color:#8e77a8;min-height:80px}.ed-result strong{display:block;font-size:15px;line-height:1.6;font-weight:500;color:#614a79;margin-top:4px}.ed-result.is-complete{background:#f0e9f9;color:#7043a7}.ed-progress{margin-left:auto;flex:none;font:11px Arial,sans-serif;color:#a08db4}.ed-bottom{display:flex;align-items:center;gap:20px;margin-top:18px}.ed-demo .ed-bottom p{margin:0;color:#a091ad;font-size:11px;line-height:1.7;max-width:620px}.ed-controls{display:flex;gap:6px;margin-left:auto;flex:none}.ed-controls button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e1d6ee;border-radius:9px;background:#fff;color:#876b9e;cursor:pointer}.ed-controls svg{width:15px;height:15px}
@keyframes ed-signal{50%{opacity:.3}}@media(prefers-reduced-motion:reduce){.ed-step.is-active .ed-step-state{animation:none}}
@media(max-width:850px){.ed-tabs button{font-size:12px;gap:6px}.ed-tabs svg{width:18px;height:18px}.ed-stage{padding:18px}.ed-flow{gap:8px}.ed-step{padding:12px 10px 28px}.ed-demo .ed-step h4{font-size:15px}.ed-demo .ed-step p{font-size:12px}.ed-icon{width:32px;height:32px}}
@media(max-width:600px){.enterprise-direction.ed-demo{padding:20px 14px;border-radius:14px}.ed-demo .ed-heading h3{font-size:25px;margin-bottom:20px}.ed-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:16px}.ed-tabs button{justify-content:flex-start;padding:10px 12px;font-size:13px;min-height:44px}.ed-stage{padding:16px 12px}.ed-demo .ed-incoming p{font-size:16px;line-height:1.7}.ed-incoming{gap:10px;padding-bottom:20px}.ed-demo-badge{position:absolute;right:0;top:-5px;font-size:8px}.ed-incoming small{padding-right:42px}.ed-incoming>svg{width:20px;height:20px}.ed-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ed-flow:before{display:none}.ed-step{min-height:150px;padding:14px 12px 27px}.ed-demo .ed-step h4{font-size:16px;margin-top:12px}.ed-demo .ed-step p{font-size:13px;line-height:1.6}.ed-result{margin-top:14px;padding:13px 12px;gap:9px}.ed-result strong{font-size:14px}.ed-progress{font-size:10px}.ed-bottom{align-items:flex-start;flex-wrap:wrap;gap:12px}.ed-demo .ed-bottom p{font-size:11px}.ed-controls{margin-left:0}.ed-controls button{width:42px;height:42px}}
.journey-visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:32px 0 40px}.jv-card{position:relative;min-width:0;margin:0;padding:16px 14px 22px;background:#fff;border:1px solid #e8def1;border-radius:14px;overflow:hidden;animation:jv-panel 8s linear infinite;animation-delay:var(--jv-delay)}.jv-top{display:flex;justify-content:space-between;font:10px/1.5 Arial,sans-serif;color:#b3a2c3;letter-spacing:.08em}.jv-art{display:block;width:100%;height:auto;margin:14px auto;max-height:180px}.jv-card figcaption{font-size:17px;font-weight:500;line-height:1.5;color:#57406d;text-align:center}.jv-card figcaption .bi-en{display:block;margin-top:3px;font-size:11px;font-weight:400;color:#a28ab6}.jv-track{position:absolute;bottom:0;left:0;width:0;height:3px;background:#a382c8;animation:jv-progress 8s linear infinite;animation-delay:var(--jv-delay)}.jv-arrive{animation:jv-arrive 8s ease-in-out infinite;animation-delay:var(--jv-delay);transform-origin:center}.jv-check{stroke-dasharray:30;animation:jv-check 8s ease-in-out infinite;animation-delay:var(--jv-delay)}.jv-link{animation:jv-link 8s ease-in-out infinite;animation-delay:var(--jv-delay)}
@keyframes jv-panel{0%,25%{border-color:#bea0dc;background:#faf7fe}30%,100%{border-color:#e8def1;background:#fff}}@keyframes jv-progress{0%{width:0;opacity:1}25%{width:100%;opacity:1}30%,100%{width:100%;opacity:0}}@keyframes jv-arrive{0%{opacity:0;transform:translateY(9px)}12%,90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(9px)}}@keyframes jv-check{0%{stroke-dashoffset:30}18%,100%{stroke-dashoffset:0}}@keyframes jv-link{0%{opacity:.2}15%,100%{opacity:1}}
[data-motion-paused=true] .journey-visual *,[data-motion-visibility=off] .journey-visual *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.journey-visual *{animation:none!important}.jv-check{stroke-dashoffset:0}}@media(max-width:700px){.journey-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jv-card{padding:14px 10px 18px}.jv-art{margin:10px auto;max-height:145px}.jv-card figcaption{font-size:16px}}
