@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',sans-serif;color:#17282e;background:#f6f8f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.demo-bar{min-height:38px;background:#101c22;color:#d9eee8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 26px;font-size:12px;letter-spacing:.02em}.demo-bar b{color:#95e5d1;font-size:10px;letter-spacing:.12em}.demo-bar a{color:#d9eee8}.app{display:flex;min-height:calc(100vh - 38px)}.sidebar{width:252px;flex:none;background:#132127;color:#d4e0df;display:flex;flex-direction:column;padding:26px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 34px;color:white;font-family:Manrope,sans-serif;font-size:18px;letter-spacing:-.04em}.brand-mark{background:#b6e8dc;color:#102620;border-radius:11px;width:35px;height:35px;display:grid;place-items:center;font-size:22px;font-weight:800}.brand-mark span{color:#4e9e87}.brand b{font-weight:800}.brand small{display:block;color:#86aaa6;font-size:8px;font-weight:800;letter-spacing:.18em;margin-top:1px}.workspace{display:flex;align-items:center;gap:10px;background:#203239;border:1px solid #2e4649;border-radius:10px;padding:11px;margin:0 5px 29px}.avatar,.user-avatar{display:grid;place-items:center;border-radius:8px;background:#d8d6ee;color:#403962;font-weight:800;font-size:11px;width:32px;height:32px;flex:none}.workspace b,.workspace small{display:block}.workspace b{font-size:12px;color:#fff}.workspace small{font-size:10px;color:#94aaa9;margin-top:3px}.chevron{margin-left:auto;color:#8aa6a5}.nav-label{color:#73938f;font-size:9px;font-weight:800;letter-spacing:.15em;margin:0 12px 13px}.sidebar nav{display:grid;gap:3px}.nav-item{border:0;background:transparent;color:#a8bfbc;text-align:left;width:100%;display:flex;align-items:center;gap:13px;padding:12px;border-radius:9px;font-size:12px;font-weight:700}.nav-item span{font-size:17px;line-height:1;width:18px;text-align:center}.nav-item em{margin-left:auto;background:#344c4b;border-radius:6px;padding:2px 6px;font-size:10px;font-style:normal}.nav-item:hover,.nav-item.active{background:#29423f;color:#d3f4e9}.nav-item.active:before{content:'';position:absolute;left:16px;width:3px;height:21px;background:#8de3ca;border-radius:4px}.side-foot{margin-top:auto;border-top:1px solid #2b4243;padding:22px 10px 2px;color:#b3cdca;font-size:11px}.side-foot small{display:block;margin:6px 0 0 15px;color:#789b97}.status-dot{display:inline-block;width:7px;height:7px;background:#83d8b1;border-radius:50%;margin-right:5px}.main-wrap{flex:1;min-width:0}.topbar{height:67px;border-bottom:1px solid #e8eeeb;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,5vw,75px);font-size:12px;color:#7f9090}.topbar b{color:#20383a}.top-sep{padding:0 9px;color:#b5c3c1}.topbar>div{display:flex;align-items:center;gap:15px}.top-badge{background:#e9f8f2;color:#438a71;padding:5px 9px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.12em}.user-avatar{background:#e6dcd4;color:#79544a;border-radius:50%;width:30px;height:30px}main{max-width:1190px;margin:auto;padding:46px clamp(25px,5vw,75px) 80px}.view{display:none}.view.active{display:block}.eyebrow,.mini-kicker,.hero-kicker{color:#3c9d84;font-size:10px;letter-spacing:.16em;font-weight:800}.page-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:7px 0 31px}.page-head h1{font:800 clamp(29px,3.4vw,39px)/1.15 Manrope,sans-serif;letter-spacing:-.055em;margin:0;color:#173036}.page-head p{font-size:14px;color:#829493;margin:10px 0 0}.wave{font-size:22px;color:#64b69d;vertical-align:middle}.case-pill,.count-pill{font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap;background:#e7f7ed;color:#3e8b69;border-radius:30px;padding:9px 13px}.hero-card{background:linear-gradient(115deg,#1d4045,#123138 70%);border-radius:15px;min-height:221px;display:flex;align-items:center;justify-content:space-between;padding:37px 42px;color:#fff;overflow:hidden;position:relative}.hero-card:after{content:'';position:absolute;width:340px;height:340px;border:1px solid rgba(162,232,214,.1);border-radius:50%;right:-70px;top:-160px;box-shadow:0 0 0 56px rgba(162,232,214,.035),0 0 0 115px rgba(162,232,214,.025)}.hero-card>div{position:relative;z-index:1}.hero-kicker{color:#8edbc4}.hero-card h2{font:800 25px/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:13px 0 7px}.hero-card p{color:#b6d0cd;font-size:13px;margin:0 0 24px}.button{border:0;border-radius:7px;padding:12px 17px;font-size:11px;font-weight:800;display:inline-flex;gap:20px;justify-content:space-between}.button.light{background:#c1eddd;color:#183c38}.button.dark{background:#173f3e;color:#fff}.button:hover{filter:brightness(.94)}.hero-progress{text-align:center;width:200px}.hero-progress strong{font:800 56px/1 Manrope,sans-serif;letter-spacing:-.07em}.hero-progress strong span{font-size:24px;color:#9ed7c6}.hero-progress small{display:block;color:#acd0ca;font-size:11px;margin:9px 0 19px}.progress-track{height:6px;background:#446468;border-radius:8px;overflow:hidden}.progress-track i{display:block;width:75%;height:100%;background:#a5ead3;border-radius:8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:18px 0 23px}.stat,.panel{background:#fff;border:1px solid #e7eeeb;border-radius:12px;box-shadow:0 7px 28px rgba(17,51,46,.025)}.stat{padding:22px 24px}.stat span,.stat small{display:block;color:#859895;font-size:11px}.stat strong{display:block;font:800 29px/1 Manrope,sans-serif;color:#203a3d;letter-spacing:-.05em;margin:16px 0 11px}.stat small{font-size:10px}.stat .amber{color:#ad7a29}.content-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:16px}.panel{padding:25px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.panel h3{font:800 17px Manrope,sans-serif;letter-spacing:-.035em;margin:6px 0 0;color:#1f3639}.action-row,.document-row,.activity{display:flex;align-items:center;gap:13px}.action-row{background:#f6faf8;border-radius:9px;padding:12px}.file-icon{width:37px;height:39px;display:grid;place-items:center;border-radius:8px;font-size:19px;flex:none}.mint{background:#dff5eb;color:#409879}.blue{background:#e3eff9;color:#5b8ab5}.lilac{background:#eeebfa;color:#877ab4}.action-row div,.document-row div,.activity div{min-width:0;flex:1}.action-row b,.document-row b,.activity b{display:block;font-size:11px;color:#273c3d}.action-row small,.document-row small,.activity small{display:block;font-size:10px;color:#8da19c;margin-top:5px}.text-button,.icon-button{border:0;background:transparent;color:#2d967b;font-size:11px;font-weight:800;white-space:nowrap}.activity{margin:0 0 18px}.activity-dot{background:#c5eedc;border:4px solid #edf8f1;width:15px;height:15px;border-radius:50%;flex:none}.wide{max-width:100%}.document-row{padding:17px 3px;border-top:1px solid #eff3f1}.document-row:first-of-type{border-top:0}.tag{font-size:10px;color:#4c9278;background:#e9f7ef;padding:7px 10px;border-radius:6px;white-space:nowrap}.amber-tag{background:#fff5df;color:#ae7a24}.icon-button{font-size:18px;margin-left:12px;color:#688987}.hint{font-size:11px;color:#899b98;margin:18px 0}.signature-layout{display:grid;grid-template-columns:1fr .75fr;gap:18px}.panel-copy{font-size:13px;line-height:1.7;color:#718784;max-width:490px}.detail-list{margin:25px 0}.detail-list div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid #edf1ef;font-size:11px}.detail-list span{color:#8a9d98}.detail-list b{color:#31504d;text-align:right}.preview-card{border:1px solid #dfeae6;border-radius:12px;background:#eaf0ed;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;gap:20px}.preview-card>span{font-size:9px;letter-spacing:.12em;color:#82938f;font-weight:800;text-align:center}.paper{background:#fff;box-shadow:0 15px 30px #3b565526;width:min(220px,100%);height:285px;padding:25px;transform:rotate(-2deg)}.paper-logo{font:800 20px Manrope;color:#2a7b64}.paper small{display:block;font-size:9px;margin:23px 0;color:#325550;font-weight:800}.paper-line{height:4px;border-radius:3px;background:#e0e8e4;margin:9px 0;width:78%}.paper-line.long{width:100%}.paper-line.medium{width:55%}.paper-gap{height:24px}.signature-line{font-size:8px;border-top:1px solid #b9cac2;color:#9eaea6;margin-top:27px;padding-top:4px;width:95px}.tracking-panel{max-width:800px}.tracking-panel .panel-head strong{color:#3d9c80}.timeline{padding-left:7px}.step{display:flex;align-items:flex-start;gap:18px;min-height:85px;position:relative}.step:not(:last-child):before{content:'';position:absolute;width:1px;background:#dce7e2;left:15px;top:31px;bottom:0}.step-mark{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e9efec;color:#8ea39b;font-size:11px;font-weight:800;z-index:1;flex:none}.step.done .step-mark{background:#d9f3e5;color:#3a9a71}.step.current .step-mark{background:#2f806c;color:#fff}.step div{flex:1;padding-top:1px}.step b,.step small{display:block}.step b{font-size:12px;color:#2c4443}.step small{font-size:11px;color:#8ca09a;margin-top:5px;line-height:1.5}.step time{color:#9aad9f;font-size:10px;margin-top:7px}.payment-panel{text-align:center;padding:70px 25px;max-width:800px}.payment-icon{display:grid;place-items:center;margin:auto;background:#e9f4ef;color:#569e81;border-radius:16px;width:57px;height:57px;font-size:27px}.payment-panel h3{font-size:20px;margin:20px 0 8px}.payment-panel p{max-width:410px;margin:auto;color:#829691;font-size:13px;line-height:1.7}.payment-note{margin:27px auto 0;background:#f3f7f4;max-width:510px;padding:13px;border-radius:8px;color:#81958c;font-size:11px}dialog{border:0;border-radius:15px;padding:0;width:min(480px,calc(100% - 30px));box-shadow:0 25px 70px #0c2b2b55}dialog::backdrop{background:#0c1d20a8}.modal-head{background:#16343a;color:#aad9ca;padding:14px 20px;font-size:10px;font-weight:800;letter-spacing:.14em;display:flex;justify-content:space-between;align-items:center}.modal-head button{border:0;background:transparent;color:#fff;font-size:23px}.modal-body{padding:35px;text-align:center}.modal-icon{display:grid;place-items:center;margin:auto;background:#e3f4ec;color:#4b997b;width:55px;height:55px;border-radius:14px;font-size:23px}.modal-body h2{font:800 21px Manrope;margin:19px 0 9px}.modal-body p{font-size:13px;line-height:1.7;color:#738985;margin-bottom:24px}@media(max-width:850px){.sidebar{width:205px}.hero-card{padding:29px}.hero-progress{width:150px}.content-grid,.signature-layout{grid-template-columns:1fr}}@media(max-width:650px){.demo-bar{padding:8px 14px;font-size:10px}.demo-bar span{max-width:70%}.app{display:block}.sidebar{width:100%;padding:12px 14px}.brand{padding:0 0 13px}.workspace,.nav-label,.side-foot{display:none}.sidebar nav{display:flex;overflow:auto;gap:6px}.nav-item{white-space:nowrap;width:auto;padding:8px 10px;font-size:10px;background:#20363b}.nav-item span{font-size:14px;width:auto}.nav-item em,.nav-item.active:before{display:none}.topbar{height:46px;padding:0 18px}.top-badge{display:none}main{padding:28px 18px 50px}.page-head{align-items:flex-start;margin-bottom:23px}.page-head h1{font-size:28px}.case-pill,.count-pill{display:none}.hero-card{display:block;min-height:auto;padding:26px}.hero-progress{display:none}.stat-grid{gap:8px}.stat{padding:15px 12px}.stat span{font-size:9px}.stat strong{font-size:24px;margin:13px 0 8px}.stat small{font-size:9px}.content-grid{gap:11px}.panel{padding:18px}.document-row{gap:8px}.document-row .tag{display:none}.icon-button{margin-left:0}.preview-card{display:none}}
.demo-links{display:flex;gap:20px}.role-switch{font-size:11px;font-weight:800;color:#397e6d}.message-item{display:flex;align-items:flex-start;gap:12px;padding:17px 0;border-bottom:1px solid #edf1ef}.message-item:first-child{padding-top:0}.message-item div{flex:1}.message-item b{display:block;color:#2e4843;font-size:12px}.message-item small{display:block;color:#7b9089;font-size:11px;line-height:1.5;margin-top:5px}.message-item time{color:#a0b0a9;font-size:10px}@media(max-width:650px){.demo-links{gap:9px}.role-switch{display:none}}