@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color:#24312c;background:#f4f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f2a66d;outline-offset:2px}.shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#172522;color:#e6eee4;padding:31px 19px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;font-size:21px;letter-spacing:-1.4px}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border:1px solid #d5e0c5;border-radius:50%;font-size:20px;color:#d9eac4}.brand-light{font-weight:400;color:#b8c8b6}.eyebrow{font-family:Manrope,sans-serif;font-size:10px;font-weight:800;letter-spacing:.16em;color:#a5bdae}.eyebrow.dark{color:#667d72}.muted{margin:60px 11px 28px;color:#6c8977}.side-label{display:flex;justify-content:space-between;color:#849b8d;font-size:10px;font-weight:800;letter-spacing:.12em;margin:0 11px 12px}.change-link{width:100%;text-align:left;color:#c6d0c4;background:none;border:0;border-radius:10px;padding:16px 13px;margin:3px 0;display:grid;gap:6px}.change-link.active{background:#31443a;color:white;box-shadow:inset 3px 0 #d6edba}.change-link-type{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#a6b8aa}.change-link strong{font-size:13px;line-height:1.35}.change-link small{color:#9db1a3}.side-create{border:1px dashed #789280;background:none;color:#e2f0dc;padding:12px;border-radius:9px;margin-top:18px;text-align:left}.side-bottom{margin-top:auto;border-top:1px solid #365047;padding-top:18px;font-size:12px;color:#d8e4d9;line-height:1.8}.side-bottom small{color:#9baea0}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c5e7a7;margin-right:7px}.main{min-width:0}.topbar{height:73px;border-bottom:1px solid #e0e5da;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,70px);color:#64796d;font-size:10px;font-weight:800;letter-spacing:.12em}.slash{padding:0 9px;color:#b4c2b6}.top-actions{display:flex;gap:24px}.text-button{border:0;background:none;color:#435c4c;font-size:11px;font-weight:800;letter-spacing:.02em}.text-button:hover{text-decoration:underline}.hero{min-height:350px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px;background:#dfe8d4;padding:45px clamp(24px,5vw,70px);position:relative;overflow:hidden}.hero:after{content:'';position:absolute;width:430px;height:430px;border:1px solid rgba(59,90,67,.14);border-radius:50%;right:10%;top:-220px;box-shadow:0 0 0 65px rgba(59,90,67,.035),0 0 0 145px rgba(59,90,67,.035)}.hero>div{z-index:1}.hero h1{font-family:Manrope,sans-serif;font-weight:700;font-size:clamp(40px,5.6vw,80px);line-height:1.02;letter-spacing:-.07em;margin:14px 0 18px;color:#203d2c}.hero em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}.hero p{max-width:500px;font-size:14px;line-height:1.6;color:#58715c;margin:0}.hero-stamp{min-width:200px;border-top:1px solid #7f9781;padding-top:15px;display:grid;gap:8px}.hero-stamp span,.hero-stamp small{font-size:10px;letter-spacing:.12em;color:#5d795f}.hero-stamp strong{font-size:23px;letter-spacing:.12em;color:#23432d}.workspace-head,.decision,.metrics,.tabs,.map-header,.work-grid,.readiness,.history,.page-note{margin-left:clamp(24px,5vw,70px);margin-right:clamp(24px,5vw,70px)}.workspace-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:49px 0 25px}.workspace-head h2{font-family:Manrope,sans-serif;letter-spacing:-.045em;font-size:clamp(25px,3vw,39px);margin:10px 0}.subtle{color:#7a887b;font-size:12px;margin:0}.head-actions{display:flex;gap:10px}.outline,.secondary{border:1px solid #cbd6c9;background:transparent;border-radius:8px;padding:10px 15px;color:#31503b;font-size:12px;font-weight:700}.outline:hover,.secondary:hover{background:#e8eee6}.primary{border:1px solid #213f2c;background:#213f2c;color:#fff;border-radius:8px;padding:12px 18px;font-size:12px;font-weight:800}.primary:hover{background:#33563d}.decision{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;background:#fff;border:1px solid #e3e9df;border-radius:13px;padding:21px 30px;box-shadow:0 12px 40px rgba(21,49,28,.035)}.decision p{font-size:16px;font-weight:700;margin:11px 0 0;line-height:1.4}.decision-arrow{font-size:25px;color:#8cad87;text-align:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.metrics>div{display:grid;gap:3px;padding:24px;background:#ecf0e9;border-radius:10px}.metrics strong{font-family:Manrope,sans-serif;font-size:38px;letter-spacing:-.06em;color:#2c5137}.metrics small{font-size:11px;color:#839184}.tabs{display:flex;gap:23px;border-bottom:1px solid #dbe3d8;margin-top:42px}.tabs button{border:0;background:none;padding:0 2px 17px;color:#849586;font-size:12px;font-weight:800}.tabs button.current{border-bottom:2px solid #2c5338;color:#2d5136}.tabs span{font-size:10px;padding:3px 6px;background:#e0e9dd;border-radius:4px}.map-header{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:33px 0 20px}.map-header h3,.history h3{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.04em;margin:6px 0 0}.work-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:16px}.touchpoints{background:white;border:1px solid #e2e9df;border-radius:12px;overflow:hidden;min-height:360px}.touchpoint{width:100%;display:flex;align-items:center;gap:18px;text-align:left;border:0;border-bottom:1px solid #edf0eb;background:#fff;padding:20px}.touchpoint:last-child{border-bottom:0}.touchpoint:hover,.touchpoint.chosen{background:#f5f8f2}.touchpoint.chosen{box-shadow:inset 3px 0 #406b47}.point-number{color:#9aa99a;font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.point-body{display:grid;gap:5px;flex:1}.point-body small{text-transform:uppercase;color:#829486;font-size:9px;font-weight:800;letter-spacing:.12em}.point-body strong{font-size:14px;color:#253f2d}.point-body em{font-size:11px;color:#8d998d;font-style:normal}.bullet{font-size:5px;padding:0 5px}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap;background:#e9e5de;color:#776f60}.pill.verified{background:#def0d8;color:#2e6840}.pill.updated{background:#fff1d6;color:#936624}.pill.working{background:#e3edf0;color:#46707c}.detail{background:#e9eee5;border:1px solid #dde7da;border-radius:12px;padding:27px;min-height:360px}.detail h3{font-family:Manrope,sans-serif;font-size:22px;line-height:1.25;margin:12px 0}.detail-row{display:flex;justify-content:space-between;border-bottom:1px solid #d4dfd1;padding:14px 0;font-size:11px;gap:15px}.detail-row:first-of-type{margin-top:20px}.detail-row span{color:#7a8d7d}.detail-row strong{text-align:right;color:#2e4935}.detail-actions{margin-top:24px}.evidence{margin:20px 0;padding:16px;background:#fff;border-radius:8px}.evidence p{font-size:12px;line-height:1.5}.evidence small{color:#79907a}.full{width:100%;margin-top:10px}.readiness{display:flex;gap:17px;align-items:center;margin-top:18px;background:#f6eadc;padding:20px;border:1px solid #f0ddc4;border-radius:10px}.readiness.is-ready{background:#e3efdf;border-color:#cce1c8}.readiness-icon{font-size:20px;border:1px solid currentColor;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:#a96e36}.is-ready .readiness-icon{color:#367446}.readiness strong{font-size:13px}.readiness p{font-size:11px;color:#7f8075;margin:4px 0 0}.history{padding-top:35px;max-width:800px}.history-item{display:grid;grid-template-columns:180px 1fr;gap:20px;border-top:1px solid #dce5d8;padding:17px 0}.history-item:first-of-type{margin-top:22px}.history-item>span{color:#8a9b89;font-size:11px}.history-item strong{font-size:13px}.history-item p{color:#738476;font-size:12px;margin:5px 0}.page-note{border-top:1px solid #dbe4d9;color:#849387;font-size:10px;line-height:1.6;padding:28px 0 40px;margin-top:36px}.empty{padding:40px;color:#6b806f}.empty p{font-size:12px;line-height:1.5}dialog{width:min(500px,calc(100vw - 24px));border:0;border-radius:14px;padding:0;box-shadow:0 24px 80px #17252255}dialog::backdrop{background:#15251ca8}#modal-form{padding:27px}.modal-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.modal-heading h2{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.04em;margin:7px 0 0}.close{background:none;border:0;font-size:24px;color:#7b8b7c}.field{display:grid;gap:7px;margin:12px 0;color:#52705a;font-size:11px;font-weight:700}.field input,.field textarea,.field select{width:100%;border:1px solid #cbd8cb;background:#fff;padding:11px 12px;border-radius:8px;color:#223d2c;font-size:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{font-size:12px;color:#6e8170;line-height:1.55}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#toast{position:fixed;right:22px;bottom:22px;padding:14px 18px;background:#1c3d28;color:#fff;border-radius:9px;box-shadow:0 10px 28px #1c3d2833;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-size:12px}#toast.visible{opacity:1;transform:none}@media(max-width:1000px){.shell{grid-template-columns:210px minmax(0,1fr)}.work-grid{grid-template-columns:1fr}.detail{min-height:auto}}@media(max-width:700px){.shell{display:block}.sidebar{height:auto;position:relative;padding:17px}.sidebar .muted,.side-label,.side-bottom{display:none}#change-list{display:flex;overflow:auto;margin-top:14px}.change-link{min-width:170px}.side-create{margin-top:4px}.topbar{padding:0 18px;height:57px;font-size:9px}.top-actions{gap:10px}.hero{padding:35px 22px;min-height:340px;align-items:start;flex-direction:column}.hero-stamp{min-width:0}.workspace-head,.decision,.metrics,.tabs,.map-header,.work-grid,.readiness,.history,.page-note{margin-left:18px;margin-right:18px}.workspace-head{align-items:start;flex-direction:column}.decision{grid-template-columns:1fr;padding:20px}.decision-arrow{text-align:left}.metrics{gap:5px}.metrics>div{padding:12px}.metrics strong{font-size:25px}.metrics small{font-size:9px}.touchpoint{gap:8px;padding:14px}.touchpoint .pill{font-size:9px}.point-body strong{font-size:12px}.map-header{align-items:start;flex-direction:column}.history-item{grid-template-columns:1fr;gap:5px}}