.value-stage-wrap{position:sticky;top:10vh;margin:650px auto 0;width:82%;max-width:650px;height:700px}
.value-state{position:absolute;inset:0;padding:24px;background:#0d1e20;border-radius:28px;box-shadow:0 30px 80px #0008;opacity:0;transform:translateY(18px) scale(.985);pointer-events:none;transition:opacity .42s ease,transform .55s ease}
.value-state.active{opacity:1;transform:none;pointer-events:auto}
.value-state>header{height:55px;display:flex;align-items:center;justify-content:space-between;color:white}
.value-state>header span{font-size:10px;color:#5ecfdb;font-weight:700}
.state-body{height:590px;padding:28px;overflow:hidden;background:white;border-radius:20px;color:#0d1e20}
.state-body>small{font-size:9px;color:#0e7c8e;font-weight:700}
.state-body>h3{font-size:28px;font-weight:500;margin:12px 0 24px}
.workflow{display:flex;flex-direction:column;gap:10px}
.workflow span{display:grid;grid-template-columns:34px 1fr auto;align-items:center;padding:16px;background:#edf4f4;border:1px solid transparent;border-radius:9px;font-size:12px}
.workflow span b{color:#0e7c8e}
.workflow span em{font-size:10px;font-style:normal;color:#60777a}
.workflow span.live{border-color:#0e7c8e;background:#e5f4f4}
.workflow span.done:after{content:'✓';margin-left:12px;color:#0e7c8e}
.owners{margin-top:20px;padding:18px;background:#0d1e20;color:white;border-radius:10px}
.owners small{display:block;color:#5ecfdb;margin-bottom:14px}
.owners b{display:inline-block;margin-right:8px;padding:9px 12px;background:#172a2d;border-radius:99px;font-size:9px}
.system-map{height:330px;position:relative;border-radius:14px;background:#edf4f4}
.system-map strong{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0d1e20;color:white;box-shadow:0 0 0 24px #0e7c8e22}
.system-map strong small{color:#5ecfdb}
.system-map>b{position:absolute;z-index:2;padding:11px 15px;border-radius:99px;background:white;border:1px solid #c7d9db;font-size:9px}
.system-map>b:nth-child(1){left:5%;top:12%}
.system-map>b:nth-child(2){right:5%;top:12%}
.system-map>b:nth-child(3){left:3%;top:46%}
.system-map>b:nth-child(5){right:3%;top:46%}
.system-map>b:nth-child(6){left:14%;bottom:10%}
.system-map>b:nth-child(7){right:14%;bottom:10%}
.system-map:before,.system-map:after{content:"";position:absolute;left:15%;right:15%;top:50%;height:1px;background:#c7d9db}
.system-map:after{transform:rotate(90deg)}
.system-map+p{font-size:13px;line-height:1.45;color:#52696c}
.intelligence{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.intelligence article{padding:16px;background:#edf4f4;border-radius:10px}
.intelligence small,.intelligence b,.intelligence em{display:block}
.intelligence small{font-size:7px;color:#60777a}
.intelligence b{font-size:23px;margin:11px 0}
.intelligence em{font-size:8px;font-style:normal}
.chart{height:230px;margin-top:22px;padding:24px 24px 42px;display:flex;align-items:end;gap:18px;position:relative;background:#f7f9f8;border-radius:12px}
.chart i{flex:1;background:#0e7c8e;border-radius:4px 4px 0 0}
.chart i:nth-child(1){height:30%}
.chart i:nth-child(2){height:42%}
.chart i:nth-child(3){height:48%}
.chart i:nth-child(4){height:61%}
.chart i:nth-child(5){height:73%}
.chart i:nth-child(6){height:88%;background:#5ecfdb}
.chart span{position:absolute;left:24px;bottom:18px;font-size:9px;font-weight:700;color:#60777a}
@media(max-width:800px){.value-stage-wrap{display:none}
}
@media(prefers-reduced-motion:reduce){.value-state{transition:none}
}
.mobile-stage-image{display:none}
@media(max-width:800px){.mobile-stage-image{display:block;width:100%;height:auto;margin-top:28px;border-radius:14px;box-shadow:0 18px 45px rgba(13,30,32,.18)}.step,.step.active{opacity:1}}