.technology-stage{position:relative;aspect-ratio:1.2;background:var(--paper);isolation:isolate}
.technology-stage>img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.technology-point{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:6px;border:0;background:transparent;color:var(--navy);z-index:2}
.point-number{display:grid;place-items:center;width:30px;height:30px;border:1px solid #19456a45;border-radius:50%;background:#fff;box-shadow:0 2px 12px #102b3420;font-size:12px;font-weight:700;transition:background .2s,box-shadow .2s}
.technology-point:hover .point-number,.technology-point:focus-visible .point-number,.technology-point.is-active .point-number{background:var(--mint);border-color:var(--mint);color:#102b34;box-shadow:0 0 0 4px #10ca9826}
.technology-point:focus-visible{border-radius:50%;outline-offset:1px}
.point-levels{left:71.5%;top:48.5%}
.point-mechanism{left:89%;top:88.5%}
.point-steel{left:28%;top:38%}
.point-label{position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%,4px);white-space:nowrap;padding:7px 10px;border:1px solid #19456a15;border-radius:3px;background:#fff;color:var(--navy);box-shadow:0 4px 15px #102b3410;font-size:9px;font-weight:600;line-height:1.5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s,transform .15s}
.technology-point:hover .point-label,.technology-point:focus-visible .point-label,.technology-point.is-active .point-label{opacity:1;visibility:visible;transform:translate(-50%,0)}
.point-mechanism .point-label{left:auto;right:12px;transform:translateY(4px)}
.point-mechanism:hover .point-label,.point-mechanism:focus-visible .point-label,.point-mechanism.is-active .point-label{transform:translateY(0)}
.technology-details{background:#fff;padding:0 24px}
.technology-detail{border-bottom:1px solid var(--line)}
.technology-detail:last-child{border-bottom:0}
.technology-detail summary{display:flex;align-items:center;gap:14px;list-style:none;padding:17px 0;min-height:56px;cursor:pointer;color:var(--navy)}
.technology-detail summary::-webkit-details-marker{display:none}
.detail-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#f0f5f4;color:var(--navy);font-size:9px;font-weight:700;flex-shrink:0}
.technology-detail[open] .detail-number{background:var(--mint);color:#102b34}
.technology-detail strong{font-size:11px;font-weight:600;letter-spacing:-.01em}
.technology-detail summary>.icon{width:15px;height:15px;margin-left:auto;transition:transform .15s}
.technology-detail[open] summary>.icon{transform:rotate(45deg)}
.technology-detail p{margin:0 20px 19px 40px;font-size:11px;line-height:1.85;color:#61717a}
@media(max-width:760px){.technology-details{padding-inline:18px}.technology-detail summary{gap:11px;padding-block:14px;min-height:54px}.technology-detail strong{font-size:10px}.technology-detail p{font-size:10px;margin:0 0 17px 37px}.technology-stage{aspect-ratio:1.2}.point-label{font-size:8px;padding:6px 8px}.point-number{width:28px;height:28px;font-size:11px}}