.mentor-demo{margin-top:20px;padding:clamp(20px,3vw,34px);background:var(--card);border:1px solid var(--line)}
.demo-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.demo-heading p{margin:0 0 9px;color:var(--orange);font:800 10px ui-monospace,monospace;letter-spacing:.1em}.demo-heading h3{margin:0;font-size:clamp(25px,3.2vw,39px);letter-spacing:-.065em;line-height:.9}.demo-heading>span{padding:8px 10px;background:var(--acid);color:#10150f;font:800 10px ui-monospace,monospace}
.mentor-map{display:grid;grid-template-columns:1fr 145px 1.35fr;align-items:center;gap:16px;padding:26px 0}.mentor-node,.mentee-node{display:grid;gap:7px;border:1px solid var(--line);padding:16px;background:#151b17}.mentor-node>span,.mentee-node>small{color:var(--muted);font:800 10px ui-monospace,monospace}.mentor-node>b,.mentee-node>b{font:800 13px ui-monospace,monospace}.mentor-node strong{color:var(--acid);font-size:25px;letter-spacing:-.05em}.mentor-node small{color:var(--muted);font:800 10px ui-monospace,monospace}.mentor-node em,.mentee-node em{padding:8px;background:var(--acid);color:#10150f;font:800 10px/1.45 ui-monospace,monospace;font-style:normal}
.mentor-arrows{display:grid;place-items:center;gap:5px;color:var(--acid);font:800 10px ui-monospace,monospace;text-align:center}.mentor-arrows i{font-style:normal;font-size:34px;line-height:1}.mentor-arrows small{color:var(--muted);font:800 8px/1.5 ui-monospace,monospace}.mentee-stack{display:grid;gap:9px}.mentee-node{grid-template-columns:1fr 1fr;align-items:center;background:var(--card2)}.mentee-node>span{color:var(--green);font:800 14px ui-monospace,monospace}.mentee-node em{grid-column:span 2;background:#203222;color:#bfe8be;border:1px solid #4b7a5c;padding:6px}
.mentor-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:19px;border-top:1px solid var(--line)}.mentor-steps div{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font:700 12px/1.55 Arial,sans-serif}.mentor-steps b{display:grid;place-items:center;flex:0 0 25px;height:25px;background:var(--orange);color:#20130a;font:800 12px ui-monospace,monospace}.mentor-steps strong{color:var(--green);font:800 .9em ui-monospace,monospace}.demo-note{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--orange);background:#1b231e;color:var(--muted);font:800 10px/1.6 ui-monospace,monospace}
@media(max-width:1120px){.mentor-map{grid-template-columns:1fr}.mentor-arrows{grid-template-columns:auto auto auto;justify-content:center}.mentor-arrows small{grid-column:span 3}.mentee-stack{grid-template-columns:repeat(3,1fr)}.mentee-node{grid-template-columns:1fr}.mentee-node em{grid-column:auto}}@media(max-width:620px){.demo-heading{display:block}.demo-heading>span{display:inline-block;margin-top:12px}.mentee-stack,.mentor-steps{grid-template-columns:1fr}.mentee-node{grid-template-columns:1fr 1fr}.mentee-node em{grid-column:span 2}}