@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{--ink:#152727;--dark:#142f2b;--muted:#6c7977;--accent:#18ad82;--green:#e9f9f0;--line:#e4eae5;--surface:#f8faf8;--cream:#f5f7f2;--white:#fff;--orange:#ffefda;--shadow:0 20px 60px rgba(22,42,36,.06);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:'Manrope',system-ui,sans-serif;letter-spacing:-.047em}h1{font-weight:800}p{line-height:1.65}.container{width:min(1170px,calc(100% - 72px));margin:0 auto}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:'Manrope',sans-serif;font-size:20px;font-weight:800;letter-spacing:-.065em;white-space:nowrap}.brand-accent{color:var(--accent)}.mark{position:relative;display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:11px;background:var(--dark);color:#fff;font-size:21px;font-weight:800;letter-spacing:-.08em;padding-right:2px;transform:rotate(-7deg)}.mark>span{position:absolute;width:8px;height:8px;right:4px;bottom:4px;background:#54e0ad;border-radius:3px}.site-header{background:#f8f9f5;border-bottom:1px solid #edf0eb}.nav-row{display:flex;justify-content:space-between;align-items:center;height:78px}.main-nav{display:flex;gap:36px;font-size:13px;font-weight:700;color:#4f5d58}.main-nav a:hover{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;padding:0 22px;border:0;border-radius:10px;font-weight:700;font-size:13px;letter-spacing:-.01em;transition:transform .15s ease,box-shadow .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.button-primary{background:#20b889;color:#082a23}.button-dark{background:var(--dark);color:#fff}.button-sm{min-height:40px}.button-quiet{color:var(--dark);background:transparent}.button-outline{border:1px solid #d8e4dc;background:#fff;color:var(--ink)}.button-wide{width:100%}.hero{background:#f8f9f5;padding:90px 0 110px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center}.eyebrow,.overline,.tiny-label{display:inline-flex;align-items:center;gap:9px;color:#168b6c;font-weight:800;font-size:10px;letter-spacing:.15em}.eyebrow{padding:8px 12px;background:#e6f3ec;border-radius:100px;letter-spacing:.09em}.eyebrow-dot{height:6px;width:6px;border-radius:99px;background:#14a67a}.hero h1{font-size:clamp(46px,5vw,73px);line-height:1.12;margin:25px 0 25px;letter-spacing:-.07em;white-space:nowrap}.hero h1 em,.section-heading h2 em,.two-col h2 em,.pricing-grid h2 em,.client-intro h1 em{font-style:normal;color:#158e6e}.hero-copy>p{font-size:16px;color:#687871;max-width:485px}.hero-actions{display:flex;gap:16px;margin-top:31px;align-items:center}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:44px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack span{display:flex;width:36px;height:36px;border:3px solid #f8f9f5;border-radius:50%;align-items:center;justify-content:center;background:#e4caba;color:#694c40;font-weight:700;font-size:10px;margin-left:-6px}.avatar-stack span:nth-child(2){background:#a8cab6;color:#245b42}.avatar-stack span:nth-child(3){background:#d4d6ea;color:#4b5075}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:11px;color:#7d8882;margin-top:4px}.hero-mock{background:#fff;border-radius:16px;border:1px solid #e4e7e1;box-shadow:0 32px 85px rgba(29,46,42,.12);transform:rotate(1.6deg);overflow:hidden;min-width:0}.mock-top{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eef0eb;padding:16px 19px;font-weight:700;font-size:10px;color:#73817b}.mock-circles{display:flex;gap:5px}.mock-circles i{width:7px;height:7px;background:#d1d8d2;border-radius:100%}.mock-circles i:first-child{background:#ffcbc1}.mock-circles i:nth-child(2){background:#fbe1a5}.mock-tab{background:#e8f7ec;color:#2b956d;padding:7px 9px;border-radius:6px}.mock-content{padding:29px}.mock-small{font-size:10px;letter-spacing:.16em;color:#21a77d;font-weight:800}.mock-content h3{font-size:22px;margin:8px 0 3px}.mock-content>p{font-size:11px;color:#8b948e}.mock-content>p span{padding:0 5px}.mock-progressline{display:flex;justify-content:space-between;margin:29px 0 10px;font-size:11px}.mock-progressline strong{color:#13a979}.mock-track,.track,.long-track{width:100%;border-radius:99px;background:#e7eee9;overflow:hidden;height:7px}.mock-track>span{display:block;width:60%;height:100%;background:#2bb789;border-radius:99px}.mock-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #f0f3ef}.mock-row>div:nth-child(2){flex:1}.mock-row b,.mock-row small{display:block;font-size:11px}.mock-row small{font-size:10px;color:#91a09a;margin-top:4px}.mock-circle{height:30px;width:30px;border-radius:9px;display:grid;place-items:center;font-weight:800}.mock-circle.green{background:#e1f7eb;color:#229c69}.mock-circle.amber{background:#fff1d8;color:#d39a32}.mock-circle.blue{background:#e8edff;color:#7183c4}.mock-tag{font-size:9px;font-weight:700;padding:6px 8px;border-radius:6px}.mock-tag.done{background:#e8f7ec;color:#1f9d6b}.mock-tag.wait{background:#fff4e1;color:#bb9247}.mock-tag.review{background:#ecf2ff;color:#4c72b0}.mock-bottom{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding-top:18px;color:#82928b}.mock-bottom strong{color:#263e35}.strip{background:#e9f3ed;padding:23px 0;border-top:1px solid #e1eae4;border-bottom:1px solid #e1eae4}.strip-row{display:flex;justify-content:space-between;gap:20px;color:#62766d;font-size:12px}.strip strong{color:#203d32}.section{padding:110px 0}.section-heading{text-align:center;max-width:620px;margin:0 auto 48px}.section-heading h2,.two-col h2,.pricing-grid h2{font-size:clamp(34px,3.5vw,49px);line-height:1.19;margin:15px 0}.section-heading p,.two-col p,.pricing-grid p{color:#718078;font-size:15px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{padding:25px;background:#fff;border:1px solid #e5ece6;border-radius:16px}.feature-number{font-size:11px;font-weight:800;color:#22a87f;letter-spacing:.12em}.feature-visual{height:145px;background:#f5f8f4;border-radius:11px;margin:20px 0 24px;padding:22px 16px;display:flex;flex-direction:column;justify-content:center;gap:11px}.visual-check{background:#fff;border:1px solid #eaf0eb;box-shadow:0 2px 6px #183a2808;padding:11px;font-size:10px;border-radius:7px;color:#546c62}.visual-check span{float:right;color:#21a77d}.feature-card h3{font-size:19px;margin:0 0 9px}.feature-card p{font-size:13px;color:#718078}.visual-middle{align-items:center}.url-pill{padding:12px;background:#fff;border-radius:8px;border:1px solid #e3e9e5;font-size:10px;color:#54766c}.paper-plane{width:36px;height:36px;border-radius:50%;background:#d8f5e5;display:grid;place-items:center;color:#158f6d;font-size:18px}.visual-middle small{font-size:10px;color:#82968c}.reminder-dot{background:#e4f5e9;color:#20986d;font-size:25px;width:50px;height:50px;border-radius:14px;display:grid;place-items:center}.visual-middle b{font-size:12px}.light-section{background:#f6f8f5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.chip-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.chip-row span{background:#fff;border:1px solid #e4e8df;border-radius:50px;padding:10px 13px;font-size:12px;color:#60756c}.quote-card{background:#fff;border:1px solid #e8eee6;border-radius:17px;padding:43px;box-shadow:var(--shadow)}.quote-symbol{font-size:75px;color:#47ba96;font-family:Georgia,serif;line-height:1}.quote-card h3{font-size:24px;line-height:1.4}.quote-card p{font-size:13px;color:#72827a}.quote-divider{height:1px;background:#e6ece6;margin:25px 0}.quote-card>span{font-size:10px;color:#a4afa9;font-weight:800;letter-spacing:.1em}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}.pricing-card{background:#fff;box-shadow:0 25px 80px #1a2f2410;border-radius:20px;border:1px solid #e6ece7;padding:35px}.topline{display:flex;justify-content:space-between;align-items:center}.topline strong{font-size:17px}.topline span{background:#e6f6ed;color:#168e68;padding:7px 9px;border-radius:7px;font-size:9px;font-weight:800;letter-spacing:.06em}.price{font:800 49px 'Manrope',sans-serif;letter-spacing:-.06em;margin-top:24px}.price small{font-size:15px;color:#8b9991;letter-spacing:0}.pricing-card p{font-size:13px}.pricing-card ul{padding:0;margin:26px 0;list-style:none}.pricing-card li{font-size:12px;font-weight:600;color:#4b6158;padding:10px 0}.pricing-card li:before{content:'✓';color:#1da979;margin-right:13px}.price-footnote{display:block;color:#95a198;font-size:10px;text-align:center;margin-top:13px}.site-footer{padding:28px 0;background:#17342e;color:#fff}.site-footer .wordmark{color:white}.site-footer .mark{background:#28564b}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-row>span:not(.wordmark){font-size:11px;color:#a4c3b6}
/* Login */
.login-shell{min-height:100vh;background:#f7faf6;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}.login-shell>.wordmark{margin-bottom:35px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #e6eee8;border-radius:20px;padding:42px;box-shadow:0 18px 70px #1d3f2710}.login-card h1{font-size:35px;margin:12px 0 8px}.login-card>p{font-size:13px;color:#728078;margin-bottom:28px}.form-stack{display:grid;gap:17px}.form-stack label,.form-card label{font-weight:700;font-size:12px;color:#314940;display:flex;flex-direction:column;gap:9px}input,select,textarea{outline:none;appearance:auto;border:1px solid #dce5dc;border-radius:9px;background:#fff;color:#16362c;padding:13px 14px;width:100%;font-size:13px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#24b98c;box-shadow:0 0 0 3px #c5efdc66}textarea{resize:vertical;line-height:1.55}.form-stack button{margin-top:11px}.alert{padding:12px;border:1px solid #efc7c3;background:#fff3f1;color:#9f4b45;border-radius:8px;font-size:12px;margin-bottom:18px}.login-bottom{border-top:1px solid #ebefeb;margin-top:30px;padding-top:22px;color:#87948a;font-size:11px;line-height:1.8}.login-bottom a{color:#248c6b;text-decoration:underline}.login-copyright{font-size:11px;color:#95a299;margin-top:24px}
/* Dashboard */
.dashboard-layout{background:#f6f8f7;display:flex;min-height:100vh}.sidebar{width:240px;min-width:240px;background:#132e29;color:#e8f5ed;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:28px 20px}.brand-on-dark{color:#fff;margin-left:8px}.brand-on-dark .mark{background:#2d594f}.sidebar-label{color:#63867b;font-size:10px;letter-spacing:.15em;font-weight:800;margin:54px 12px 19px}.side-menu{display:grid;gap:7px}.side-menu a{padding:13px 12px;border-radius:9px;color:#a7c2b8;display:flex;gap:12px;align-items:center;font-size:12px;font-weight:700}.side-menu a:hover,.side-menu a.active{background:#285449;color:#fff}.miniicon{width:16px;display:inline-block;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto}.sidebar-note{display:flex;gap:10px;align-items:flex-start;padding:17px 10px;border-radius:11px;background:#21473d;font-size:11px;font-weight:700;line-height:1.5}.sidebar-note small{font-weight:400;color:#aac5b9}.pulse{width:8px;height:8px;background:#55dfad;border-radius:99px;flex-shrink:0;margin-top:4px}.logout{background:transparent;color:#b0c4bb;border:0;display:flex;justify-content:space-between;width:100%;font-size:12px;padding:16px 12px;margin-top:12px}.workspace{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #e6ebe8;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{font-size:12px;color:#6b8275}.crumb span{padding:0 12px;color:#b3c0b7}.crumb a{color:#5a8d78}.avatar{height:36px;width:36px;border-radius:10px;background:#dff4e6;color:#2a7a57;font-size:11px;font-weight:800;display:grid;place-items:center}.workspace-main{max-width:1500px;margin:auto;padding:36px 42px 70px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:33px}.page-head h1{font-size:31px;margin:9px 0 5px;letter-spacing:-.055em}.page-head p{font-size:13px;color:#89978d;margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 23px}.metric{border:1px solid #e5ebe6;background:#fff;border-radius:13px;padding:22px 23px;display:flex;flex-direction:column;gap:7px}.metric small{font-size:10px;letter-spacing:.09em;color:#85958b;font-weight:800}.metric strong{font:800 35px 'Manrope',sans-serif;letter-spacing:-.06em;margin-top:6px}.metric span{font-size:11px;color:#94a097}.content-card{border:1px solid #e4eae4;background:#fff;border-radius:14px;margin-bottom:22px;box-shadow:0 5px 20px #16382104;overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;padding:24px 25px;border-bottom:1px solid #e9eee9}.card-head h2{font-size:17px;letter-spacing:-.04em;margin:0 0 6px}.card-head p{font-size:11px;color:#89988d;margin:0}.card-count{border:1px solid #e8eee8;color:#6f8177;background:#f8faf8;padding:8px 10px;border-radius:7px;font-size:11px}.request-table-wrap{overflow:auto}.request-table{border-collapse:collapse;width:100%;white-space:nowrap}.request-table th{text-align:left;font-size:9px;letter-spacing:.1em;color:#9aa99f;padding:14px 24px;background:#fcfdfb;font-weight:800}.request-table td{padding:19px 24px;border-top:1px solid #eef2ed;font-size:12px}.client-cell{display:flex;gap:12px;align-items:center}.client-avatar{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#edf4ef;font-weight:800;color:#487969;font-size:11px;flex-shrink:0}.client-cell strong,.client-cell span{display:block}.client-cell span{font-size:10px;color:#9caaa0;margin-top:6px}.table-progress{width:160px;display:flex;flex-direction:column;gap:7px}.track{height:6px}.track span,.long-track span{display:block;height:100%;background:#2ab98b;border-radius:50px}.table-progress small{font-size:10px;color:#8b9a90}.status{display:inline-block;padding:6px 9px;border-radius:7px;font-size:10px;font-weight:800;white-space:nowrap;letter-spacing:-.005em}.status-good,.status-approved{background:#e5f6e9;color:#27845b}.status-wait,.status-pending{background:#fff3dc;color:#b88b31}.status-submitted{background:#e9f0ff;color:#5879ac}.status-rejected,.status-bad{background:#fff0ed;color:#b4594e}.muted-cell{color:#92a096}.table-open{font-weight:800;color:#167a5b;font-size:11px}.empty-state{padding:62px 20px;text-align:center}.empty-illustration{height:55px;width:55px;background:#e9f7ed;color:#32ae7c;border-radius:14px;display:grid;place-items:center;font-size:28px;margin:0 auto 20px}.empty-state h3{font-size:19px;margin:0 0 5px}.empty-state p{color:#8c998e;font-size:12px}.empty-state .button{margin-top:12px}.outbox-list{padding:0 25px}.outbox-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid #edf1ed;padding:17px 0;font-size:12px}.outbox-row:last-child{border:0}.mail-circle{height:33px;width:33px;display:grid;place-items:center;background:#e6f5e9;border-radius:8px;color:#178e6c}.outbox-main{flex:1}.outbox-main strong,.outbox-main small{display:block}.outbox-main small{margin-top:4px;color:#94a198}.outbox-row>a{font-weight:700;color:#168c6a}.card-empty{padding:18px 25px;color:#8b9a91;font-size:12px}.notice{background:#eaf6ed;border:1px solid #d7e9dc;padding:17px 19px;border-radius:11px;font-size:12px;color:#587363}
/* Create form */
.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:23px;align-items:start}.form-card{padding:29px}.form-section-title{font-weight:800;color:#0fa67b;font-size:10px;display:flex;gap:12px;align-items:center;letter-spacing:.1em;margin-bottom:20px}.form-section-title span{font-family:'Manrope',sans-serif;letter-spacing:-.02em;color:#1e362d;font-size:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.section-sep{border-top:1px solid #e9eee9;padding-top:30px;margin-top:30px}.form-card>label{margin-bottom:20px}.field-help{font-size:11px;font-weight:400;color:#8b998e;line-height:1.65}.template-preview{border:1px solid #e4eae5;border-radius:10px;padding:15px;margin:18px 0 25px;background:#fafcf9}.template-row{display:flex;gap:10px;font-size:12px;padding:7px 0;align-items:center;color:#50675a}.template-row span{display:grid;place-items:center;width:19px;height:19px;background:#e5f5ec;color:#168f69;border-radius:5px;font-size:11px}.form-bottom{display:flex;justify-content:flex-end;align-items:center;gap:18px;border-top:1px solid #ebf1ea;margin-top:28px;padding-top:23px}.side-explain{background:#e9f4ed;padding:30px;border-radius:15px;border:1px solid #dceee2}.side-explain-icon{width:44px;height:44px;display:grid;place-items:center;background:#d1eadc;color:#188f68;border-radius:12px;font-size:20px;margin-bottom:20px}.side-explain h3{font-size:20px}.side-explain p{color:#6a8676;font-size:12px}.side-explain ol{padding-left:19px;font-size:12px;line-height:2.6;font-weight:600;color:#406e58}.side-explain-note{margin-top:30px;border-top:1px solid #d4e6dc;padding-top:18px}
/* Request details */
.subtle-back{display:inline-block;font-size:11px;color:#85998e;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.detail-main{padding-bottom:3px}.percent{font-size:14px;color:#0e9772}.long-track{height:8px}.detail-main>.long-track{margin:0 25px;width:calc(100% - 50px);margin-top:23px}.item-list{padding:7px 25px}.item-row{display:flex;gap:18px;padding:23px 0;border-bottom:1px solid #ecf0eb}.item-row:last-child{border:0}.item-index{display:grid;place-items:center;height:31px;width:31px;background:#f2f6f2;border-radius:9px;font-size:11px;font-weight:800;color:#739385;flex-shrink:0}.item-body{min-width:0;flex:1}.item-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.item-head h3{font-size:14px;letter-spacing:-.025em;margin:0}.item-body>p{font-size:11px;color:#8b9e91;margin:5px 0 12px}.submitted-answer{font-size:12px;white-space:pre-wrap;line-height:1.7;background:#f6f9f6;padding:15px;border-radius:9px;color:#355044;border:1px solid #ebf0e9}.file-download{font-size:12px;color:#128661;display:inline-block;background:#eaf6ee;padding:12px 15px;border-radius:8px;font-weight:700}.review-note{padding:11px 13px;background:#fff4e8;color:#a87533;font-size:11px;border-radius:7px;margin:10px 0}.review-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}.small-green,.small-outline{height:33px;border-radius:7px;padding:0 12px;font-weight:800;font-size:10px}.small-green{background:#def5e7;border:1px solid #d0ecd9;color:#19885e}.small-outline{background:#fff;border:1px solid #e0e9e0;color:#5f7168}.reject-form{display:flex;gap:7px;align-items:center}.reject-form input{min-width:130px;width:160px;padding:8px;font-size:10px;height:33px}.timeline{padding:20px 25px}.timeline-event{display:flex;gap:13px;align-items:flex-start;font-size:12px;color:#4d675a;padding-bottom:20px}.timeline-event:last-child{padding-bottom:0}.timeline-dot{height:8px;width:8px;background:#58bb93;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px #e4f5ea;flex-shrink:0}.timeline-event small{display:block;color:#a0ada2;margin-top:6px;font-size:10px}.detail-sidebar .content-card{padding:23px}.detail-sidebar h3{font-size:16px;margin:11px 0 8px}.detail-sidebar p{font-size:11px;color:#8b9a8e}.detail-sidebar .button{margin-top:12px;min-height:42px;font-size:11px}.link-box{background:#f5f8f5;border:1px solid #e6ece6;border-radius:8px;padding:12px;font-size:10px;color:#527665;overflow-wrap:anywhere}.detail-sidebar .field-help{margin:12px 0 0}.mail-history{margin-top:12px;border-top:1px solid #e9f0eb;padding-top:11px}.mail-history strong,.mail-history small{display:block;font-size:11px}.mail-history small{color:#899b90;margin-top:4px}.mail-history summary{font-size:10px;cursor:pointer;color:#199471;padding-top:8px}.mail-preview{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;color:#567265;background:#f5f8f5;padding:12px;border-radius:8px}.draft-card{max-width:800px;padding:30px}.draft-card>p{color:#798d80;font-size:12px;margin-top:16px}.draft-card textarea{line-height:1.8}.draft-card>small{color:#99a79b;font-size:10px}
/* Client portal */
.client-header{background:#fff;border-bottom:1px solid #e8eee8}.client-header-label{font-size:10px;letter-spacing:.13em;color:#94a69b;font-weight:800}.client-main{max-width:1030px;padding-top:65px}.client-intro{max-width:750px;margin-bottom:40px}.client-intro h1{font-size:clamp(36px,4.1vw,51px);margin:19px 0 15px}.client-intro p{color:#72867a;font-size:14px}.client-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:25px}.client-progress{border:1px solid #e5ece6;background:#f9fbf9;border-radius:14px;padding:26px;display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:18px}.client-progress span{font-weight:800;letter-spacing:.12em;font-size:10px;color:#37a17b}.client-progress h2{font-size:20px;margin:9px 0}.client-progress>strong{font:800 24px 'Manrope',sans-serif;color:#1a9470}.client-progress .long-track{grid-column:1/3;margin-top:13px}.client-progress p{grid-column:1/3;font-size:11px;color:#91a198;margin:11px 0 0}.client-item{border:1px solid #e5ece6;background:white;border-radius:14px;padding:25px;margin-bottom:16px}.client-item-title{display:flex;align-items:flex-start;gap:15px}.client-item-index{width:31px;height:31px;background:#e9f6ed;color:#18966c;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:11px;flex-shrink:0}.client-item-title>div:nth-child(2){flex:1}.client-item-title h3{font-size:14px;margin:1px 0 5px}.client-item-title p{font-size:11px;color:#90a095}.client-item-form{margin-left:46px}.client-item-form textarea{background:#fcfdfb}.client-form-actions{display:flex;align-items:center;gap:13px;margin-top:15px}.client-form-actions small{font-size:10px;color:#99a69c}.upload-target{border:1.5px dashed #cfe3d6;border-radius:11px;display:flex;flex-direction:column;align-items:center;padding:18px;gap:8px;color:#396b53;font-weight:700;font-size:12px;cursor:pointer;background:#fafdfa}.upload-target input{width:100%;font-size:11px;padding:6px;border:0}.upload-target small{color:#9baaa0;font-size:10px;font-weight:400}.upload-icon{border-radius:10px;background:#e7f6ec;color:#168f69;padding:6px 12px;font-size:19px}.previous-file{display:block;color:#8a9b90;margin-top:10px}.client-complete{margin:5px 0 0 46px;background:#effaf2;color:#28835b;border-radius:8px;padding:12px;font-size:12px}.client-help-card{background:#183b33;border-radius:15px;color:#fff;padding:29px}.help-icon{width:40px;height:40px;display:grid;place-items:center;background:#285549;border-radius:11px;color:#55d9a7;font-size:24px;margin-bottom:20px}.client-help-card h3{font-size:18px}.client-help-card p,.client-help-card li{color:#b4c9be;font-size:12px;line-height:1.7}.client-help-card ul{padding-left:17px;line-height:1.8;margin:22px 0}.client-help-card>span{font-size:10px;letter-spacing:.09em;color:#63d9ac;font-weight:800}.client-footer{text-align:center;padding:40px 0 60px;color:#a2afa5;font-size:11px}
@media(max-width:1080px){.hero-grid{gap:25px}.hero h1{font-size:clamp(39px,4.3vw,64px)}.sidebar{width:200px;min-width:200px}.workspace-main{padding:28px 23px}.topbar{padding:0 23px}.detail-grid,.builder-grid{grid-template-columns:minmax(0,1fr) 250px}.pricing-grid,.two-col{gap:40px}}
@media(max-width:800px){.container{width:min(100% - 36px,660px)}.hero{padding:55px 0 70px}.hero-grid,.feature-grid,.two-col,.pricing-grid,.detail-grid,.builder-grid,.client-body-grid{grid-template-columns:1fr}.hero h1{white-space:normal}.hero-mock{transform:none;margin-top:20px}.strip-row{flex-direction:column;gap:13px}.main-nav{display:none}.section{padding:70px 0}.sidebar{width:69px;min-width:69px;padding:15px 9px}.sidebar .wordmark>span:last-child,.sidebar-label,.side-menu a:not(.active),.sidebar-note,.logout{display:none}.sidebar .wordmark{margin:10px 4px 35px}.sidebar .side-menu a{justify-content:center;font-size:0;padding:13px}.sidebar .side-menu .miniicon{font-size:19px}.workspace-main{padding:23px 16px}.topbar{padding:0 16px;height:65px}.metric-grid{grid-template-columns:repeat(2,1fr)}.page-head{align-items:start}.page-head h1{font-size:25px}.client-side{display:none}.footer-row{flex-wrap:wrap}.side-explain{order:-1}.side-explain ol{columns:2}.form-grid{grid-template-columns:1fr}}
@media(max-width:510px){.sidebar{width:52px;min-width:52px}.sidebar .wordmark{margin-left:-4px}.sidebar .mark{width:31px;height:31px}.topbar{height:57px}.metric{padding:16px 14px}.metric strong{font-size:29px}.page-head{flex-direction:column;gap:13px}.page-head>.button{width:100%}.form-card{padding:20px}.detail-sidebar .content-card{padding:20px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.hero h1{font-size:43px}.client-item{padding:17px}.client-item-form{margin-left:0}.client-form-actions{flex-direction:column;align-items:stretch}.client-form-actions .button{width:100%}.client-item-title{gap:9px}.client-item-title h3{font-size:12px}.client-item-title p{font-size:10px}.client-item-title .status{font-size:9px}.login-card{padding:30px 25px}}
/* Doc Drop It visual system additions */
.brand-period{color:#77e7be}.docmark{font-size:23px;text-transform:lowercase;transform:rotate(-8deg)}
.nav-actions{display:flex;align-items:center;gap:22px}.quiet-nav{font-size:13px;font-weight:750;color:#425a50}.quiet-nav:hover{color:#159f75}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.45fr;gap:50px;padding:45px 0 65px}
.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-grid strong{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b2d4c2}.footer-grid a:not(.wordmark){font-size:12px;color:#cbded0}.footer-grid p,.footer-grid small{font-size:11px;color:#a5c7b4;line-height:1.7}.footer-grid .mark{background:#32725d}.footer-grid .wordmark{color:#fff}
.hero h1{white-space:normal}.mock-track>span{display:block;width:60%;height:100%;background:#26b98e}.hero-proof{margin-top:35px}
.modern-stat .stat-icon{width:54px;height:54px;background:#deeee4;color:#158b67;border-radius:16px;display:grid;place-items:center;font-size:28px;margin-bottom:24px}.modern-stat .fake-metric-row{display:flex;gap:30px;padding:22px 0}.fake-metric-row div{display:flex;flex-direction:column}.fake-metric-row span{font:800 35px Manrope,sans-serif;color:#1f4137}.fake-metric-row small{font-size:11px;color:#709282}.text-link{font-weight:750;color:#168c6a;font-size:13px}.final-cta{background:#17392f;padding:80px 0;color:white}.final-cta .container{display:flex;justify-content:space-between;align-items:center;gap:35px}.final-cta h2{font-size:clamp(35px,4vw,56px);line-height:1.13;margin:7px 0 15px}.final-cta p{color:#bcd7c8;max-width:560px}.final-cta .overline{color:#65e7af}
.inner-hero{background:#f7faf6;padding:80px 0 83px;border-bottom:1px solid #e8eee9}.inner-hero h1{font-size:clamp(43px,5vw,68px);line-height:1.12;margin:22px 0 18px}.inner-hero h1 em{font-style:normal;color:#148d69}.inner-hero p{max-width:630px;color:#6c8074;font-size:15px}.center-block{text-align:center;max-width:780px;margin:0 auto}.center-block p{margin:15px auto 22px}.rich-features{row-gap:20px}.feature-symbol{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;background:#def4e7;color:#159269;font:800 32px Manrope,sans-serif;margin:25px 0 30px}
.steps-stack{max-width:830px}.step-line{display:grid;grid-template-columns:80px 1fr;gap:26px;border-bottom:1px solid #dce9df;padding:35px 0}.step-line>span{font:800 29px Manrope,sans-serif;color:#24ac82}.step-line h2{font-size:29px}.step-line p{color:#70877a}.price-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.price-choice{position:relative;border:1px solid #e2eae2;border-radius:18px;background:#fff;padding:34px;box-shadow:0 10px 35px rgba(16,44,29,.03)}.price-choice.featured{border-color:#20b889;box-shadow:0 15px 50px rgba(27,150,100,.10)}.most-popular{position:absolute;top:-13px;left:25px;background:#1fae81;color:#fff;font-size:9px;padding:7px 11px;border-radius:20px;font-weight:800;letter-spacing:.08em}.plan-kicker{font-weight:800;color:#168c6a}.plan-price{font:800 48px Manrope,sans-serif;margin-top:15px}.plan-price span{font:500 13px 'DM Sans',sans-serif;color:#748377}.price-choice>p{font-size:12px;color:#879586;min-height:50px}.plan-rules{border-top:1px solid #e7eee8;padding:20px 0;display:flex;flex-direction:column;gap:13px;font-size:12px;color:#455f50}.subnote{font-size:11px!important;color:#83998a!important;margin-top:20px}.faq-list{max-width:820px}.faq-item{border-bottom:1px solid #dce8df;padding:20px 5px}.faq-item summary{font:800 16px Manrope,sans-serif;cursor:pointer;display:flex;justify-content:space-between;gap:16px}.faq-item summary span{color:#29ab83}.faq-item p{max-width:700px;color:#72887b;font-size:13px;margin:15px 0 0}.contact-card{background:#f7faf7;border-radius:17px;padding:45px;max-width:800px}.contact-card a{color:#128f6a;font-weight:800}.legal-copy{max-width:790px}.legal-copy h2{margin:40px 0 8px;font-size:23px}.legal-copy p{color:#647a6a;font-size:14px}
.dev-banner{display:flex;align-items:center;gap:9px;padding:11px 16px;margin:0 0 23px;background:#fff6e9;border:1px solid #f0dec5;border-radius:9px;color:#8d6d3b;font-size:11px;font-weight:650}.dev-banner .pulse{width:7px;height:7px;background:#d9a353;box-shadow:none;flex-shrink:0}
.finish-card{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:20px 0}.finish-card p{font-size:12px;color:#7a9380}.danger-area{margin-top:22px;border-top:1px solid #e5eae5;padding-top:17px}.danger-area summary{font-size:11px;color:#aa5a4a;cursor:pointer}.danger-area input{width:100%;margin:9px 0}.settings-panel{padding:27px;margin-bottom:21px;display:flex;justify-content:space-between;align-items:center;gap:25px}.settings-panel h2{margin:11px 0 5px}.settings-panel p{font-size:12px;color:#819287}.narrow-panel{max-width:700px}.workspace-pricing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.workspace-plan{padding:27px}.workspace-plan.selected-plan{border:1px solid #20b889}.workspace-plan h2{font:800 36px Manrope,sans-serif;margin:9px 0}.workspace-plan h2 small{font:500 12px 'DM Sans',sans-serif;color:#879b8a}.workspace-plan p{font-size:12px;color:#7c9182}.workspace-plan ul{padding-left:18px;color:#546c5c;font-size:12px;line-height:2}.workspace-plan .button{margin-top:18px}.member-list{padding:10px 25px}.member-line{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid #e9efe9}.member-line:last-child{border:0}.member-line strong{font-size:13px}.member-line small{display:block;font-size:11px;color:#8b9e91;margin-top:4px}.field-button{align-self:end;padding-bottom:1px}.inbox-item{border-bottom:1px solid #e6eee8}.inbox-item>details{margin:0 25px 15px 80px;font-size:12px;color:#4b8060}.inbox-item>details summary{cursor:pointer}.inbox-item .mail-preview{max-height:300px;overflow:auto}.success-message{margin:16px 0;border:1px solid #b8e7cb;background:#e8f8ed;border-radius:10px;color:#266e50;padding:15px 20px;font-size:13px}.link-on-dark{border:0;background:none;color:#63dbab;font-size:12px;font-weight:800;padding:0}.link-on-dark:hover{text-decoration:underline}
@media(max-width:1020px){.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:25px}.footer-grid>div:last-child{grid-column:1/4}.price-cards{gap:11px}.price-choice{padding:23px}.workspace-pricing{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.nav-actions .quiet-nav{display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:1/3}.price-cards,.workspace-pricing{grid-template-columns:1fr}.final-cta .container{flex-direction:column;align-items:flex-start}.settings-panel{flex-direction:column;align-items:flex-start}.inner-hero{padding:55px 0}.footer-grid{padding:35px 0}.step-line{grid-template-columns:55px 1fr;gap:15px}}
@media(max-width:510px){.nav-actions .button{padding:0 11px}.site-header .wordmark{font-size:17px}.site-header .mark{width:31px;height:31px}.footer-grid{gap:25px}.footer-grid>div{gap:9px}.client-header-label{display:none}.finish-card{flex-direction:column;align-items:flex-start}.dev-banner{font-size:10px}}