/* NRV is the source of six product directions. */
.capabilities-tree{position:relative;isolation:isolate;width:100%;max-width:980px;margin:24px auto 0;aspect-ratio:1000/550;background:radial-gradient(ellipse at 50% 88%,#ff7a1814,transparent 48%)}.capabilities-tree svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.tree-wire{fill:none;stroke:#354754;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke}.tree-trunk{stroke:#a56739;stroke-width:2.5}.tree-junction-halo{fill:#101820;stroke:#536371;stroke-width:1}.tree-junction{fill:#e5a36d;stroke:#101820;stroke-width:2}.tree-route,.tree-energy{fill:none;stroke:#ff8a38;stroke-width:2.5;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #ff7a1866)}.tree-route{opacity:0;transition:opacity .16s}.tree-route.active{opacity:1}.tree-energy{stroke:#ffd6ac;stroke-dasharray:60 940;stroke-dashoffset:1060;opacity:0}.tree-energy.running{opacity:1;animation:nrv-energy .8s ease-out forwards}@keyframes nrv-energy{0%{stroke-dashoffset:1060;opacity:0}10%{opacity:1}90%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.tree-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:220px;min-height:94px;display:grid;grid-template-columns:38px 1fr;gap:6px 12px;align-content:center;text-align:left;padding:18px;border:1px solid #34424f;border-radius:18px;background:linear-gradient(135deg,#15212b,#0a1016);color:#eef3f8;cursor:pointer;box-shadow:inset 0 1px #ffffff08,0 8px 24px #0003;transition:border-color .18s,box-shadow .18s,background .18s}.tree-node .node-icon{grid-row:1/3;width:38px;height:38px;padding:8px;background:#1c2b37;border-radius:11px}.tree-node .node-icon img{display:block;width:22px;height:22px;filter:brightness(0) invert(.8)}.node-title{font:700 13px/1.2 ui-monospace,monospace;letter-spacing:.08em}.node-label{font:500 13px/1.3 ui-sans-serif,system-ui;color:#a6b8c7}.tree-node:hover,.tree-node:focus-visible{border-color:#f39b56;outline:2px solid #f39b56;outline-offset:4px}.tree-node[aria-expanded=true]{border-color:#ff8b39;background:linear-gradient(135deg,#302118,#121820);box-shadow:0 0 0 1px #ff8b3922,0 8px 32px #ff7a181c}.tree-node[aria-expanded=true] .node-icon{background:#ff7a1826}.tree-node[aria-expanded=true] .node-icon img{filter:brightness(0) saturate(100%) invert(69%) sepia(80%) saturate(942%) hue-rotate(332deg)}.tree-node[aria-expanded=true] .node-label{color:#f2b68b}.tree-core{position:absolute;left:50%;top:90%;transform:translate(-50%,-50%);width:154px;height:82px;display:grid;place-items:center;border:1px solid #ff8a3855;border-radius:21px;background:linear-gradient(145deg,#17212a,#0b1016);box-shadow:0 0 36px #ff7a181c}.tree-core img{display:block;width:116px;height:auto}.tree-caption{text-align:center;font-size:14px;line-height:1.5;color:#a9b9c7;margin:14px 0 0}
.cap-details[hidden],.cap-detail[hidden]{display:none!important}.cap-details{margin-top:24px;scroll-margin-top:112px}.cap-detail{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:28px;padding:30px;border:1px solid #9f6e46;border-radius:22px;background:radial-gradient(ellipse at 100% 0%,#ff7a180a,transparent 55%),linear-gradient(145deg,#14202a,#090f15);box-shadow:0 14px 50px #0004}.cap-detail .num{font:700 12px/1.4 ui-monospace,monospace;color:#ffab6a}.cap-detail h3{font-size:clamp(26px,3.3vw,38px);line-height:1.15;margin:14px 0;letter-spacing:-.03em}.cap-detail p{font-size:17px;line-height:1.65;color:#c0ccd7;max-width:65ch;margin:0 0 18px}.cap-detail-copy{min-width:0;padding-right:16px}.cap-detail .solution-list{flex-wrap:wrap;margin:0}.cap-detail .solution-list span{font-size:11px}.cap-detail .price{display:flex;min-height:44px;align-items:center;flex-wrap:wrap;gap:8px;color:#ffad72;font-size:16px;margin-top:18px}.cap-detail .price small{font-size:11px}.cap-art{display:grid;place-items:center;align-self:center}.cap-art img{display:block;width:100%;height:auto;border-radius:14px}.cap-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:1px solid #465565;background:#111d27;color:#eaf1f7;border-radius:12px;font-size:25px;cursor:pointer}.cap-close:focus-visible{outline:2px solid #ffa56b;outline-offset:3px}
@media(max-width:900px){.capabilities-tree{aspect-ratio:600/670;margin-top:14px}.tree-node{width:43%;min-height:78px;padding:12px 10px;grid-template-columns:24px minmax(0,1fr);gap:5px 8px;border-radius:14px}.tree-node .node-icon{width:24px;height:28px;padding:4px;background:none;border-radius:0}.tree-node .node-icon img{width:20px;height:20px}.node-title{font-size:10px;letter-spacing:.035em}.node-label{font-size:11px;line-height:1.3}.tree-core{width:132px;height:66px;border-radius:17px}.tree-core img{width:103px}.tree-caption{font-size:13px;margin-top:10px}.cap-detail{grid-template-columns:1fr;padding:24px 18px;gap:0}.cap-detail-copy{padding-right:0}.cap-detail .num{display:block;padding-right:44px;min-height:30px;line-height:30px}.cap-detail h3{font-size:27px;margin:12px 0}.cap-detail p{font-size:16px}.cap-art{display:none}.cap-details{scroll-margin-top:98px}.cap-close{top:14px;right:14px}.cap-detail .price{font-size:15px}}@media(prefers-reduced-motion:reduce){.tree-energy.running{animation:none;opacity:0}.tree-node,.tree-route{transition:none}}

@media(max-width:900px){.capabilities-tree{max-width:600px}}@media(min-width:360px) and (max-width:640px){.node-title{font-size:12px}.node-label{font-size:12px}}@media(min-width:641px) and (max-width:900px){.tree-node{min-height:100px;padding:18px;grid-template-columns:38px 1fr;gap:6px 12px}.tree-node .node-icon{width:38px;height:38px;padding:8px;background:#1c2b37;border-radius:11px}.node-title{font-size:14px}.node-label{font-size:14px}}