:root{--navy:#111d35;--cream:#fffaf0;--orange:#ff6738;--cyan:#33d6c3;--yellow:#ffd15c;--red:#e53255;font-family:Arial,"PingFang SC",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy)}nav{height:64px;background:var(--navy);color:white;display:flex;align-items:center;padding:0 3vw;gap:28px}.logo{font-size:23px;font-weight:900;letter-spacing:-.05em}.logo span{color:var(--orange)}.legend{font-size:11px;display:flex;align-items:center;gap:6px;margin-left:auto}.legend i{width:9px;height:9px;border-radius:50%;margin-left:8px}.legend .ready{background:var(--cyan)}.legend .blocked{background:#8a93a5}.legend .done{background:var(--navy);border:1px solid white}.legend .cycle{background:var(--red)}nav button{background:transparent;color:white;border:1px solid #576177;padding:7px 12px}.hero{padding:52px 4vw 36px;display:flex;align-items:end;justify-content:space-between}.hero p{font-size:10px;letter-spacing:.2em;font-weight:bold}.hero h1{font-size:clamp(38px,6vw,78px);line-height:1;margin:15px 0 0;letter-spacing:-.06em}.hero h1 span{color:var(--orange)}.meter{width:180px}.meter b{font-size:45px}.meter small{display:block}.meter div{height:8px;background:#d7d1c5;margin-top:10px}.meter i{display:block;width:0;height:100%;background:var(--cyan);transition:.3s}.toolbar{margin:0 4vw;display:flex;gap:8px;align-items:center;border-top:2px solid var(--navy);padding:12px 0}.toolbar button{border:1px solid var(--navy);background:white;padding:9px 13px;font-weight:700}.toolbar button:first-child{background:var(--orange);color:white;border-color:var(--orange)}.toolbar button.active{background:var(--yellow)}#tip{font-size:12px;color:#677085;margin-left:auto}.board{margin:0 4vw;background:white;border:2px solid var(--navy);height:590px;overflow:auto;box-shadow:9px 9px 0 #d9d1c2}svg{width:100%;height:100%;min-width:780px;touch-action:none}.edge{stroke:#778096;stroke-width:2;fill:none;marker-end:url(#arrow)}.edge.cycle{stroke:var(--red);stroke-width:4}.node{cursor:grab}.node rect{fill:#fff;stroke:var(--navy);stroke-width:2}.node .band{stroke:none}.node text{fill:var(--navy);pointer-events:none}.node .status{font-size:10px;font-weight:700;letter-spacing:.1em}.node .title{font-size:15px;font-weight:700}.node.ready .band{fill:var(--cyan)}.node.blocked .band{fill:#b7bdc8}.node.done .band{fill:var(--navy)}.node.done .status,.node.done .title{fill:#777;text-decoration:line-through}.node.cycle .band{fill:var(--red)}.node.cycle rect{stroke:var(--red)}.node.selected rect{stroke:var(--orange);stroke-width:5}.node input{pointer-events:auto}.check{fill:white;stroke:var(--navy);stroke-width:2;cursor:pointer}.checkmark{stroke:white;stroke-width:3;fill:none;pointer-events:none}.node.done .check{fill:var(--navy)}.insights{display:grid;grid-template-columns:repeat(3,1fr);margin:50px 4vw 80px;border-top:2px solid}.insights article{padding:24px 24px 0 0;border-right:1px solid #bfc1c4;min-height:150px}.insights article+article{padding-left:24px}.insights article:last-child{border:0}.insights small{font-size:10px;letter-spacing:.16em;font-weight:bold}.insights strong{font-size:58px;display:block;margin-top:9px}.insights p{color:#687083;line-height:1.5}.critical strong{color:var(--orange)}dialog{border:2px solid var(--navy);box-shadow:10px 10px 0 var(--orange);padding:28px;width:min(420px,calc(100% - 30px))}dialog::backdrop{background:#111d35bb}dialog form{display:grid;gap:18px}dialog h2{margin:0}dialog label{display:grid;gap:8px;font-size:12px;font-weight:bold}dialog input{font:18px Arial;padding:10px;border:1px solid}dialog form>div{display:flex;justify-content:end;gap:8px}dialog button{padding:9px 15px;background:var(--navy);color:white;border:0}#error{color:var(--red);margin:0;font-size:12px}@media(max-width:700px){nav{padding:0 16px}.legend{display:none}.hero{align-items:start;flex-direction:column;padding:34px 18px}.meter{margin-top:30px}.toolbar{margin:0 18px;overflow-x:auto}.toolbar span{display:none}.board{margin:0 18px;height:500px}.insights{grid-template-columns:1fr;margin:40px 18px}.insights article,.insights article+article{border-right:0;border-bottom:1px solid;padding:22px 0;min-height:auto}}