@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap');:root{--ink:#17231f;--muted:#65716b;--teal:#047b70;--line:#dfe4dc}*{box-sizing:border-box}body{margin:0;overflow-x:hidden;background:#f8f8f3;color:var(--ink);font-family:'DM Sans',sans-serif}.ambient{position:absolute;z-index:-1;width:600px;height:600px;background:#e1f5cd;filter:blur(90px);right:-160px;top:-180px}header{height:76px;display:flex;align-items:center;gap:26px;max-width:1200px;margin:auto;padding:0 24px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:700;letter-spacing:-1px;margin-right:auto}.brand i{display:inline-grid;place-items:center;background:var(--teal);color:#fff;border-radius:50%;width:28px;height:28px;font-style:normal}.brand span{color:var(--teal)}nav,.status{font:11px 'DM Mono';color:#64716a}.status{color:#367960}.avatar{background:#d3e8c2;border:0;border-radius:50%;width:34px;height:34px}.hero{max-width:1200px;margin:auto;padding:92px 24px 72px;display:grid;grid-template-columns:1.13fr .87fr;gap:72px;align-items:center}.eyebrow{font:11px 'DM Mono';letter-spacing:1.2px;color:var(--teal);margin:0 0 15px}h1{font-size:64px;letter-spacing:-3.5px;line-height:1.03;margin:0 0 22px}h1 em,h2{font-family:'Playfair Display';font-weight:600}.lede{font-size:17px;line-height:1.6;color:var(--muted);max-width:550px}.actions{display:flex;gap:12px;margin-top:32px}button{font:700 12px 'DM Sans';cursor:pointer;border-radius:5px;padding:13px 18px}.primary{color:#fff;background:var(--teal);border:1px solid var(--teal)}.secondary{color:var(--ink);background:transparent;border:1px solid #bdc9c0}.hero-card{padding:26px;background:#123e38;color:#f5f7ed;border-radius:12px;box-shadow:0 24px 60px #1a4b3a2c}.cardhead,.panelhead{display:flex;justify-content:space-between;font:10px 'DM Mono';color:#b9d2c2}.cardhead b{color:#d8f28a}.hero-card h3{margin:25px 0;font-size:20px}.route{display:flex;align-items:center;gap:0;margin:0 30px}.route strong{display:grid;place-items:center;width:38px;height:38px;background:#d8f28a;color:#234237;border-radius:50%}.route strong:last-child{background:#91d8ca}.route span{height:2px;flex:1;background:linear-gradient(90deg,#d8f28a 70%,#4e7e76 70%)}.labels{display:flex;justify-content:space-between;font-size:12px;line-height:1.5;margin-top:8px}.labels div:last-child{text-align:right}.labels small,.agentline small{color:#aac5b6}.agentline{display:flex;gap:10px;align-items:center;border-top:1px solid #35645c;margin-top:27px;padding-top:16px;font-size:12px}.agentline i,.agent>i{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#2e746a;color:#d8f28a;font-style:normal}.agentline strong{margin-left:auto;color:#d8f28a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-block:1px solid var(--line)}.metrics div{padding:27px max(24px,calc((100vw - 1200px)/8));border-right:1px solid var(--line)}.metrics p{margin:0 0 9px;font-size:12px;color:var(--muted)}.metrics strong{display:block;font-size:26px;letter-spacing:-1px;margin-bottom:3px}.metrics small{font-size:11px;color:#5c8b64}.workspace{max-width:1200px;margin:auto;padding:84px 24px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}h2{font-size:37px;letter-spacing:-1.5px;margin:0}.grid{display:grid;grid-template-columns:1.55fr .9fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.panelhead h3{font:600 15px 'DM Sans';color:var(--ink);margin:0}.online{color:#318264}.transfer{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid #e9ece7}.transfer>div{display:flex;flex-direction:column;gap:3px;font-size:12px}.transfer>div>b{font-size:13px}.transfer span,.transfer small{color:var(--muted)}.transfer small{font-size:10px}.asset{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#d7f1ed;color:#087a6e;font-size:19px;font-style:normal}.book{background:#faead4;color:#b9712d}.purple{background:#e8e0f6;color:#8056af}.transfer aside{text-align:center}.transfer em,.agent em{display:block;font:9px 'DM Mono';color:#257357;background:#e0f3e5;padding:4px;margin-bottom:7px;font-style:normal}.transfer .review{color:#ac7013;background:#fff4d8}.transfer .repair{color:#7551a5;background:#efe8f8}.approve{padding:7px 9px;border:0;background:var(--teal);color:#fff;font-size:10px}.muted{background:#f0f2ee;color:#50615a}.agent{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #e9ece7}.agent div{flex:1;display:flex;flex-direction:column;gap:3px;font-size:12px}.agent small{font-size:10px;color:var(--muted)}.agent em{color:#5e8476;background:none;margin:0}.registry{border:0;background:transparent;color:var(--teal);padding-left:0;margin-top:14px}.governance{background:#e9eee0;padding:82px max(24px,calc((100vw - 1152px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px}.governance>div>p:not(.eyebrow){font-size:15px;line-height:1.6;color:#52645a;max-width:450px}.controls article{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid #cbd5c3}.controls i{font:12px 'DM Mono';color:var(--teal);font-style:normal}.controls b{font-size:15px}.controls p{font-size:13px;line-height:1.5;color:var(--muted);margin:6px 0}.toast{opacity:0;position:fixed;right:28px;bottom:28px;background:#173e38;color:#fff;padding:14px 18px;border-radius:6px;transition:.25s;font-size:13px}.toast.show{opacity:1}.modal{display:none;position:fixed;inset:0;background:#102b2666;align-items:center;justify-content:center}.modal.open{display:flex}.modal>div{position:relative;width:min(600px,90vw);background:#fff;padding:28px;border-radius:10px}.modal button{position:absolute;right:8px;top:6px;border:0;background:transparent;font-size:23px}.modal pre{padding:17px;background:#112d29;color:#ccefd2;border-radius:6px;white-space:pre-wrap;font:12px/1.7 'DM Mono'}footer{max-width:1200px;margin:auto;padding:26px 24px;color:#718078;font-size:11px;display:flex;justify-content:space-between}@media(max-width:780px){nav,.status{display:none}.hero,.grid,.governance{grid-template-columns:1fr;gap:38px}.hero{padding-top:58px}h1{font-size:48px}.metrics{grid-template-columns:1fr 1fr}.metrics div{padding:20px}.governance{gap:45px}.transfer{grid-template-columns:38px 1fr}.transfer aside{grid-column:2;text-align:left}.transfer aside button{width:auto}footer{flex-direction:column;gap:10px}}
