@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{--black:#f6faf6;--base:#fff;--panel:#fff;--panel2:#f1f8f3;--line:#dce9df;--line2:#e7efe8;--fg:#193522;--dim:#728978;--green:#0c9852;--amber:#ae8940;--red:#c55363;--sidebar:66px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--fg);font:14px/1.65 'DM Sans',Manrope,sans-serif;margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:3px solid #74c996;outline-offset:3px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.065em;line-height:1.15}h1,h2,h3,p{margin-top:0}
.layout{display:flex;min-height:100vh}.side{width:var(--sidebar);background:#112f1f;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;padding:21px 0;gap:20px;flex-shrink:0}.side-mark{width:44px;height:44px;display:grid;place-items:center}.side-mark img{object-fit:contain;width:43px;height:43px}.side-vertical{writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;font-weight:800;letter-spacing:.13em;color:#a5c9b1;margin:auto}.side-foot{color:#9bdfb3;font-size:12px}.dot{width:7px;height:7px;background:#38d07d;display:inline-block;border-radius:50%;margin-right:6px}
.work{flex:1;min-width:0}.topnav{height:82px;padding:0 clamp(20px,3.3vw,58px);display:flex;align-items:center;justify-content:space-between;gap:17px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:12;backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:12px;font:800 21px Manrope,sans-serif;letter-spacing:-.055em}.logo img{object-fit:contain;flex:none}.logo small{font:800 9px Manrope,sans-serif;letter-spacing:.13em;color:#0c9550;display:block;margin-top:4px}.top-tools{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.top-meta{font-size:10px;color:#92a598;letter-spacing:.08em}.top-link{font-size:11px;font-weight:800;color:#467351}.top-link:hover{color:#0a9b50}.status-pill{border:1px solid #d7e9dc;background:#edf8f0;border-radius:99px;padding:8px 11px;color:#167346;font-size:10px;font-weight:800;white-space:nowrap}.status-pill.amber{background:#faf6e8;border-color:#e9dfc0;color:#94753e}
.masthead{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin:32px clamp(20px,3.3vw,58px) 18px;min-height:420px}.mast-main{padding:clamp(28px,4vw,58px);background:radial-gradient(circle at 85% 20%,#dff5e5,transparent 58%),#fff;border:1px solid var(--line);border-radius:24px;display:flex;flex-direction:column;justify-content:center}.serial,.eyebrow{font:800 10px Manrope,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#0c904d}.serial{display:flex;align-items:center;gap:11px}.serial:before{content:'';width:7px;height:7px;background:#19bc69;border-radius:50%}.serial i{display:none}.masthead h1{font:800 clamp(38px,4.5vw,66px)/1.08 Manrope,sans-serif;letter-spacing:-.075em;margin:25px 0 16px}.masthead h1 span{color:var(--green)}.head-lead{font-size:15px;font-weight:800;color:#245938}.head-lead em{font-style:normal;color:#0d8d4b}.head-copy{max-width:560px;color:#69806e;font-size:13px;line-height:1.8;margin-top:12px}.head-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.primary,.subtle-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:11px;padding:12px 17px;font-size:12px;font-weight:800;white-space:normal}.primary{background:#0c9651;color:#fff}.primary:hover{background:#087c42}.subtle-btn{border-color:#cfe5d5;background:#fff;color:#1e6d3f}.hero-art{background:#123320;color:#e6f7ea;border-radius:24px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.art-title,.art-bottom{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:800;letter-spacing:.03em}.art-title small,.art-bottom span{color:#a0c9ac;font-size:10px}.hero-art svg{width:100%;max-height:300px}.art-bottom{border-top:1px solid #356448;padding-top:13px}
.marquee{display:flex;gap:35px;padding:18px clamp(20px,3.3vw,58px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;justify-content:center;flex-wrap:wrap;color:#6b8b73;font-size:10px;font-weight:800;letter-spacing:.11em}.status-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:18px clamp(20px,3.3vw,58px) 0}.status-strip>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:21px;min-width:0}.status-strip small{color:#829887;font-size:10px;letter-spacing:.06em;display:block}.status-strip strong{font-size:16px;letter-spacing:-.03em;overflow-wrap:anywhere}.gold{color:#a27e36}
.workspace-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;margin:20px clamp(20px,3.3vw,58px) 60px;align-items:start}.navpanel{background:#fff;border:1px solid var(--line);border-radius:19px;padding:15px;position:sticky;top:102px;display:grid;gap:5px}.nav-heading{font-size:10px;letter-spacing:.12em;color:#889c8d;font-weight:800;padding:12px}.navitem{display:flex;align-items:center;gap:13px;padding:13px 12px;border:0;border-radius:11px;background:transparent;color:#5e7667;text-align:left;font-size:11px;font-weight:800;min-height:45px}.navitem i{font-style:normal;color:#1b9653;font-size:10px}.navitem span{flex:1}.navitem b{color:#7d9b84}.navitem:hover{background:#f1f9f3}.navitem.active{background:#0e9653;color:#fff}.navitem.active i,.navitem.active b{color:#dbf7e4}.nav-bottom{border-top:1px solid var(--line);padding:16px 10px;color:#738e79;font-size:10px}.nav-bottom a{color:#0f8e4e;font-weight:800;margin-top:8px;display:inline-block}
.desk{min-width:0}.screen{display:none}.screen.active{display:block}.screen-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:9px 0 22px}.screen-head h2{font:800 clamp(29px,3.2vw,44px)/1.12 Manrope,sans-serif;letter-spacing:-.065em;margin:12px 0 0}.screen-head h2 em{font-style:normal;color:#0c9852}.screen-head p{font-size:12px;color:#718873;max-width:380px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;min-width:0}.metric small{font-size:10px;color:#819586;display:block;letter-spacing:.05em}.metric strong{font:800 24px Manrope,sans-serif;letter-spacing:-.05em;display:block;margin:10px 0 6px;overflow-wrap:anywhere}.metric span{font-size:11px;color:#7a8c7e}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;margin-bottom:14px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:23px}.panel-head h3{font-size:18px;margin:9px 0}.tag{border:1px solid #d5eadb;border-radius:99px;padding:6px 10px;background:#eaf8ee;color:#17834a;font-size:10px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid label,.add-form label{font-size:11px;font-weight:800;color:#4d6b55;display:grid;gap:6px}.form-grid input,.form-grid select,.add-form input,.add-form select,input,select,textarea{max-width:100%;min-width:0;padding:11px 12px;background:#fafdFA;border:1px solid #cfdfd4;border-radius:10px;color:#173923}.form-grid input:focus,.add-form input:focus{border-color:#56c383;outline:3px solid #e3f7ea}.wide{width:100%;margin-top:20px}.note{font-size:11px;line-height:1.7;color:#7d9080;margin-top:15px}.trade-out{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.trade-out>div{border:1px solid var(--line);background:#f7fbf8;padding:15px;border-radius:12px}.trade-out small{font-size:9px;color:#77907c}.trade-out b{font-size:16px;display:block;color:#174f2f;overflow-wrap:anywhere}.evidence{background:#f1f8f3;border:1px solid #d9eadd;color:#426a50;border-radius:13px;padding:15px;margin-top:14px;font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px;background:#fff}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid #e8f0e9;padding:12px;text-align:left;font-size:11px;white-space:nowrap}th{color:#78917f;font-weight:800}.button-row,.import-row,.scenario-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:17px}.button-row button,.scenario-controls button,.import-row button{padding:11px 14px;border:1px solid #cfe3d5;border-radius:10px;background:#f7fbf8;color:#225d37;font-size:11px;font-weight:800}.add-form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.add-form label{min-width:120px}.empty-row,.list-empty{color:#809285;padding:20px;font-size:12px}.bar-track{background:#e2efe6;border-radius:99px;overflow:hidden}.bar-fill{background:#1cba68}.bar-row{display:flex;align-items:center;gap:12px}.bar-value{color:#0d8849}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.connect-card{display:block;background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px}.connect-card:hover{border-color:#a3d7b2}.connect-card h3{font-size:17px}.architecture-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.architecture-steps>div{background:#fff;border:1px solid var(--line);padding:24px;border-radius:16px}
footer{background:#fff;border-top:1px solid var(--line);padding:28px clamp(20px,3.3vw,58px);font-size:11px;color:#849789;display:flex;gap:25px;justify-content:space-between}.simple-link{color:#0b8d4b;font-weight:800}
@media(max-width:1180px){.workspace-grid{grid-template-columns:1fr}.navpanel{position:relative;top:auto;display:flex;flex-wrap:wrap}.nav-heading,.nav-bottom{display:none}.navitem{flex:1;min-width:150px}.metrics{grid-template-columns:repeat(2,1fr)}.top-meta{display:none}}
@media(max-width:850px){.masthead{grid-template-columns:1fr}.hero-art{min-height:330px}.status-strip{grid-template-columns:repeat(2,1fr)}.topnav{height:auto;min-height:75px;padding:13px 20px}.top-tools{gap:10px}.top-link{font-size:10px}.two-col{grid-template-columns:1fr}}
@media(max-width:560px){.side{width:49px;gap:8px}.side-vertical{font-size:8px}.work{min-width:0}.topnav{padding:11px 13px;flex-wrap:wrap}.logo{font-size:17px}.logo img{width:34px;height:34px}.top-tools{gap:8px}.masthead{margin:14px 12px}.mast-main{padding:27px}.masthead h1{font-size:38px}.head-actions{display:block}.head-actions>*{margin:0 0 8px}.status-strip{margin:12px;grid-template-columns:1fr 1fr;gap:8px}.status-strip>div{padding:12px}.status-strip strong{font-size:12px}.workspace-grid{margin:12px 12px 50px}.screen-head{display:block}.screen-head p{margin-top:12px}.metrics,.form-grid,.trade-out,.integration-grid,.architecture-steps{grid-template-columns:1fr}.panel{padding:18px}.navitem{min-width:130px}.hero-art{padding:19px}.marquee{padding:12px;font-size:9px}.top-tools .top-link:nth-of-type(n+3){display:none}footer{display:block}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}