body[data-design][data-concept] .process-scene{background:#10161f!important;color:#fff;padding-block:60px}
body[data-design][data-concept] .process-scene header{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;margin-bottom:32px}
body[data-design][data-concept] .process-scene h2{color:#fff;font-size:clamp(30px,3.7vw,54px);line-height:1.12;margin:0}
body[data-design][data-concept] .process-scene header p{color:#c7d1e1;font-size:16px;line-height:1.7;margin:0}
body[data-design][data-concept] .process-scene-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
body[data-design][data-concept] .process-scene-stage{position:relative;min-height:390px;perspective:1100px;overflow:hidden;background:linear-gradient(135deg,#1d2d4b,#10161f 70%);border-radius:16px}
body[data-design][data-concept] .process-scene-plane{position:absolute;inset:40px 30px 80px;transform:rotateX(32deg) rotateZ(-13deg);transform-style:preserve-3d;display:grid;grid-template-columns:1fr 1fr;gap:40px 30px}
body[data-design][data-concept] .process-scene-object{position:relative;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.16,1,.3,1);z-index:1;min-width:0}
body[data-design][data-concept] .scene-object-top{display:flex;align-items:center;gap:14px;position:absolute;inset:0;background:#2450e8;color:#fff;padding:18px;transform:translateZ(28px);border:1px solid #7b9bff;border-radius:10px;box-shadow:0 22px 26px #0005}
body[data-design][data-concept] .scene-object-top img{filter:invert(1);flex-shrink:0}
body[data-design][data-concept] .scene-object-top small{font-size:15px;line-height:1.4}
body[data-design][data-concept] .scene-object-face{position:absolute;inset:16px 0 -16px;background:#142e92;border-radius:10px;display:flex;align-items:end;padding:10px;color:#fff;font-size:12px}
body[data-design][data-concept] .process-scene-caption{position:absolute;bottom:24px;left:28px;right:20px;color:#c7d1e1;font-size:14px}
body[data-design][data-concept] .process-scene-explanation details{border:0;border-bottom:1px solid #455269;border-radius:0;padding:0;background:transparent}
body[data-design][data-concept] .process-scene-explanation summary{display:flex;align-items:center;gap:16px;padding:18px 0;list-style:none;cursor:pointer;color:#fff;min-height:56px}
body[data-design][data-concept] .process-scene-explanation summary::-webkit-details-marker{display:none}
body[data-design][data-concept] .process-scene-explanation summary>span{color:#c9f25c;font-size:13px}
body[data-design][data-concept] .process-scene-explanation strong{font-size:19px;line-height:1.4}
body[data-design][data-concept] .process-scene-explanation summary svg{margin-left:auto;flex-shrink:0;transition:transform .25s}
body[data-design][data-concept] .process-scene-explanation details[open] summary{color:#c9f25c}
body[data-design][data-concept] .process-scene-explanation details[open] svg{transform:rotate(90deg)}
body[data-design][data-concept] .process-scene-explanation p{color:#c7d1e1;font-size:16px;line-height:1.7;margin:0;padding:0 0 20px 32px}
body[data-design][data-concept] .process-scene-explanation .button{margin-top:24px;color:#fff;border-color:#7f91ab;background:transparent}
body[data-design][data-concept] .process-scene summary:focus-visible{outline:3px solid #c9f25c;outline-offset:3px}
body[data-design][data-concept] .process-scene:has([data-scene-step="0"][open]) .scene-object-0,body[data-design][data-concept] .process-scene:has([data-scene-step="1"][open]) .scene-object-1,body[data-design][data-concept] .process-scene:has([data-scene-step="2"][open]) .scene-object-2,body[data-design][data-concept] .process-scene:has([data-scene-step="3"][open]) .scene-object-3{transform:translateZ(22px)}
body[data-design][data-concept] .process-scene:has([data-scene-step="0"][open]) .scene-object-0 .scene-object-top,body[data-design][data-concept] .process-scene:has([data-scene-step="1"][open]) .scene-object-1 .scene-object-top,body[data-design][data-concept] .process-scene:has([data-scene-step="2"][open]) .scene-object-2 .scene-object-top,body[data-design][data-concept] .process-scene:has([data-scene-step="3"][open]) .scene-object-3 .scene-object-top{background:#c9f25c;color:#11161e;border-color:#c9f25c}
body[data-design][data-concept] .process-scene:has([data-scene-step="0"][open]) .scene-object-0 img,body[data-design][data-concept] .process-scene:has([data-scene-step="1"][open]) .scene-object-1 img,body[data-design][data-concept] .process-scene:has([data-scene-step="2"][open]) .scene-object-2 img,body[data-design][data-concept] .process-scene:has([data-scene-step="3"][open]) .scene-object-3 img{filter:none}
@media(max-width:760px){body[data-design][data-concept] .process-scene header,body[data-design][data-concept] .process-scene-layout{grid-template-columns:1fr;gap:24px}body[data-design][data-concept] .process-scene-stage{min-height:240px}body[data-design][data-concept] .process-scene-plane{inset:18px 18px 52px;gap:12px;transform:none}body[data-design][data-concept] .scene-object-top{position:relative;padding:12px;transform:none;inset:auto;min-height:76px;gap:8px;box-shadow:none;height:100%}body[data-design][data-concept] .scene-object-top img{width:24px;height:24px}body[data-design][data-concept] .scene-object-top small{font-size:13px}body[data-design][data-concept] .scene-object-face{display:none}body[data-design][data-concept] .process-scene-caption{font-size:12px;bottom:14px;left:18px}body[data-design][data-concept] .process-scene-object{transform:none!important}}
body[data-design][data-motion="reduced"] .process-scene *{transition:none!important}
@media(prefers-reduced-motion:reduce){body[data-design] .process-scene *{transition:none!important}}