:root{--ink:#0c2820;--lime:#caff54;--orange:#f3673c;--paper:#f4f1e9;--muted:#6a7771;--line:#d0d4ca}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 "DM Sans",sans-serif}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}header{height:82px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:12px;font:800 13px/1 Manrope}.logo i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--lime);font-style:normal}.prototype{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.prototype b,.health i,.detail-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#40c057;margin-right:8px;box-shadow:0 0 0 5px #40c05722}.back{font-weight:700}.intro{padding:90px 6vw 70px;max-width:1440px;margin:auto}.label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;display:flex;gap:9px;align-items:center}.label:before{content:"";width:26px;height:2px;background:var(--orange)}h1,h2,h3{font-family:Manrope;margin:0;line-height:1.03;letter-spacing:-.045em}h1{font-size:clamp(54px,7vw,100px)}h1 em,h2 em{font:400 1em Georgia;color:var(--orange)}.lead{font-size:18px;color:var(--muted);max-width:700px}.intro-actions{display:flex;align-items:center;gap:22px;margin-top:28px}.intro-actions button,.form-foot button{border:0;border-radius:99px;background:var(--orange);color:#fff;padding:14px 20px;font-weight:800;cursor:pointer}.intro-actions span{font-size:12px;color:var(--muted)}.flow-shell{margin:0 3vw 110px;background:#fff;border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:205px 1fr 260px;min-height:660px;overflow:hidden;box-shadow:0 25px 70px #0c282012}.flow-shell aside{padding:26px;border-right:1px solid var(--line)}.filter{display:block;width:100%;border:0;background:transparent;padding:11px;text-align:left;border-radius:9px;margin:5px 0;color:var(--muted);font-weight:700;cursor:pointer}.filter i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ccd1cd;margin-right:9px}.filter.active{background:var(--ink);color:white}.filter.active i{background:var(--lime)}.health{margin-top:230px;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:7px}.health>span,.health small{font-size:10px;color:var(--muted)}.health strong{font-size:11px}.canvas-wrap{position:relative}.canvas-top{height:58px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:11px}.pulse{display:inline-block;width:7px;height:7px;background:var(--lime);border:1px solid var(--ink);border-radius:50%;margin-right:6px}.canvas-top p{color:var(--muted)}.canvas-top b{border:1px solid var(--line);padding:2px 5px;border-radius:4px}#cy{height:540px;background-image:radial-gradient(#c8cec8 1px,transparent 1px);background-size:18px 18px}.legend{position:absolute;bottom:15px;left:20px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 12px;display:flex;gap:12px;font-size:9px}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.legend .core{background:var(--ink)}.legend .commerce{background:var(--orange)}.legend .growth{background:#5c7cfa}.legend .ops{background:var(--lime)}.details{border-left:1px solid var(--line);border-right:0!important}.details #detailIcon{width:58px;height:58px;border-radius:16px;background:var(--lime);display:grid;place-items:center;font:800 23px Manrope;margin:36px 0 18px}.details h2{font-size:25px}.details>p:not(.label){color:var(--muted);font-size:13px}.details dl{margin-top:30px}.details dl div{border-top:1px solid var(--line);padding:12px 0}.details dt{text-transform:uppercase;font-size:9px;color:var(--muted);font-weight:800}.details dd{margin:2px 0;font-weight:700}.detail-status{margin-top:45px;background:#f2f7e8;padding:13px;border-radius:10px;display:flex}.detail-status span{display:flex;flex-direction:column;font-size:10px}.principles{background:var(--ink);color:#fff;padding:110px 6vw}.principles h2,.feedback h2{font-size:clamp(43px,5vw,72px);margin:30px 0 50px}.rule-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #40574f}.rule-grid article{padding:30px;border-right:1px solid #40574f;min-height:240px}.rule-grid span{color:var(--lime);font-weight:800}.rule-grid h3{font-size:25px;margin:55px 0 10px}.rule-grid p{color:#afbeb8;font-size:13px}.feedback{padding:110px 6vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.feedback>div>p{color:var(--muted);max-width:450px}.comment-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:11px;font-weight:800}input,textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:12px;background:#fafaf7;outline:none}input:focus,textarea:focus{border-color:var(--orange)}textarea{height:110px;resize:vertical}.form-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.form-foot small{color:var(--muted)}.comments-head{display:flex;justify-content:space-between;margin:35px 0 10px;padding-top:20px;border-top:1px solid var(--line)}.comments-head span{font-size:11px;color:var(--muted)}#comments article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--lime);display:grid;place-items:center;font-weight:800}.avatar.orange{background:var(--orange);color:#fff}#comments p{margin:0;display:flex;justify-content:space-between}#comments p span{font-size:10px;color:var(--muted)}blockquote{margin:6px 0;color:var(--muted);font-size:13px}footer{padding:30px 4vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px}@media(max-width:1000px){.flow-shell{grid-template-columns:1fr}.flow-shell>aside:first-child{display:none}.details{border-top:1px solid var(--line)}.health{margin-top:20px}.feedback{grid-template-columns:1fr}.rule-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){header{padding:0 20px}.prototype{display:none}.intro{padding:65px 20px}.intro-actions{align-items:flex-start;flex-direction:column}.flow-shell{margin:0 12px 70px}.canvas-top p{display:none}.details{padding:25px!important}.rule-grid{grid-template-columns:1fr}.feedback,.principles{padding:75px 20px}.form-row{grid-template-columns:1fr}.form-foot{align-items:flex-start;gap:12px;flex-direction:column}footer{gap:15px;flex-direction:column}}