.transformation-tree{max-width:920px;margin-inline:auto}.tree-node{position:relative;display:grid;grid-template-columns:110px 170px 1fr;gap:18px;align-items:center;padding:20px;border:1px solid rgba(148,163,184,.2);border-radius:22px;background:rgba(15,23,42,.76)}.tree-node.is-active{box-shadow:0 0 0 2px rgba(249,115,22,.8),0 0 34px rgba(249,115,22,.2)}.tree-node.is-locked{opacity:.82}.tree-stage{font-weight:800;text-align:center;color:#fdba74}.tree-media{height:130px;border-radius:16px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(127,29,29,.65),rgba(67,20,7,.7));font-size:52px}.tree-media img{width:100%;height:100%;object-fit:cover}.tree-content h2{margin:.25rem 0}.tree-content p{margin:.4rem 0 .8rem}.tree-content form{margin-top:12px}.tree-connector{text-align:center;font-size:30px;line-height:1;padding:5px;color:#fb923c}.requirements{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.requirements strong{width:100%;font-size:.9rem;color:#cbd5e1}.requirements span{padding:5px 9px;border-radius:999px;font-size:.82rem}.requirements .met{background:rgba(34,197,94,.14);color:#86efac}.requirements .not-met{background:rgba(239,68,68,.13);color:#fca5a5}.active-label{display:block;margin-top:12px;color:#fb923c}@media(max-width:700px){.tree-node{grid-template-columns:70px 1fr}.tree-media{grid-column:1/3;height:170px}.tree-stage{text-align:left}.tree-content{grid-column:1/3}}@media(max-width:460px){.tree-node{padding:14px}.tree-media{height:145px}}