@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:#172b28;--forest:#143c34;--deep:#102e29;--muted:#687b72;--line:#dfe7df;--cream:#f7f8f4;--white:#fff;--lime:#d7eab4;--sage:#edf4e7;--soft:#f3f6f0;--shadow:0 18px 55px rgba(17,47,40,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font:15px/1.65 'DM Sans',system-ui,sans-serif}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-.055em;line-height:1.16}h1{font-size:clamp(3rem,5.7vw,5.8rem);font-weight:700}h2{font-size:clamp(2rem,3.7vw,3.65rem)}h3{font-size:1.4rem}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;color:#729382}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #98bd6f;outline-offset:3px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.kicker,.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#5d826c}.kicker.light{color:#c2dcab}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:50px;padding:11px 19px;border-radius:9px;border:1px solid var(--forest);background:var(--forest);color:#fff;font:700 13px Manrope,sans-serif;transition:transform .18s,background .18s;text-align:center}.button:hover{transform:translateY(-2px);background:#215548}.button span{font-size:17px;font-weight:400;line-height:1}.button.small{min-height:38px;padding:8px 13px;gap:10px}.button.outline{background:transparent;color:var(--forest);border-color:#b9cbc0}.button.outline:hover{background:#eaf2e6}.button.light-button{background:var(--lime);color:var(--deep);border-color:var(--lime)}.button.outline-light{background:transparent;color:#fff;border-color:#87a397}.button.full{width:100%}.textlink{color:#35735a;font-weight:800;font-size:13px}.textlink:hover{text-decoration:underline}.siteheader{background:#f7f8f4;border-bottom:1px solid #e5e9e2;position:relative;z-index:20}.navrow{height:76px;display:flex;align-items:center;gap:60px}.brand{display:inline-flex;align-items:center;gap:10px;font:800 18px Manrope,sans-serif;letter-spacing:-.06em;white-space:nowrap}.brand i{font-style:normal;color:#7b8d84;font-weight:600}.brandmark{width:29px;height:29px;display:grid;place-items:center;background:var(--forest);border-radius:7px;color:var(--lime);font-size:22px;line-height:1}.brandmark span,.chat-logo span{font-size:13px;align-self:end}.navrow nav{display:flex;gap:29px;font-size:12px;font-weight:700;color:#5e7167}.navrow nav a:hover,.navright>a:first-child:hover{color:#2f7859}.navright{display:flex;align-items:center;gap:23px;margin-left:auto;font-size:12px;font-weight:700}.menubtn{display:none;background:none;border:0;font-size:22px;color:var(--forest)}.hero{overflow:hidden}.hero-grid{min-height:640px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px}.hero-copy{padding:80px 0 90px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:25px}.eyebrow .line{width:26px;height:1px;background:#6c9a7c}.hero h1{margin-bottom:22px;max-width:650px}.hero h1 em{display:block}.lede{font-size:16px;line-height:1.85;color:#5c7065;max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.micro{margin-top:40px;color:#74877b;font-size:11px;font-weight:700}.hero-art{height:600px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #dbe4d9;border-radius:50%;width:520px;height:520px;right:-50px}.orbit-two{width:385px;height:385px;right:18px}.conversation{position:relative;z-index:2;width:min(385px,100%);background:#fff;border:1px solid #e3e9e1;border-radius:18px;box-shadow:0 30px 70px rgba(31,65,53,.16);overflow:hidden}.chathead{display:flex;align-items:center;gap:11px;padding:17px 18px;border-bottom:1px solid #edf1eb}.chat-logo{width:35px;height:35px;display:grid;place-items:center;background:var(--forest);color:var(--lime);font:800 23px Manrope;border-radius:10px}.chathead div:nth-child(2){display:flex;flex-direction:column;line-height:1.4}.chathead b{font-size:12px}.chathead small{font-size:10px;color:#85988c}.online{margin-left:auto;width:8px;height:8px;background:#8cba80;border-radius:50%}.chatbody{padding:22px 20px 9px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:88%;padding:10px 13px;font-size:11px;line-height:1.6;border-radius:10px}.bubble.sent{align-self:flex-end;background:#19483c;color:#fff;border-bottom-right-radius:2px}.bubble.received{align-self:flex-start;background:#f0f4ee;border-bottom-left-radius:2px}.mini-brief{margin:9px 0;background:#f8faf6;border:1px solid #e6eee4;border-radius:10px;padding:15px}.brief-top{font-size:9px;letter-spacing:.12em;color:#61946b;font-weight:800}.brief-top span{font-size:15px}.mini-brief b{display:block;font:700 12px Manrope;margin:7px 0 2px}.mini-brief small{font-size:10px;color:#778b7c}.brief-progress{height:4px;background:#e5eddf;border-radius:5px;margin-top:12px}.brief-progress span{display:block;width:72%;height:100%;background:#85af7b;border-radius:5px}.chatfoot{display:flex;justify-content:space-between;margin:0 19px 18px;padding:12px 14px;border:1px solid #e8ece6;border-radius:8px;color:#a2afa6;font-size:10px}.chatfoot span{font-size:15px;color:#497955}.float-label{position:absolute;z-index:3;padding:12px 14px;background:#fff;border:1px solid #e4e9e1;border-radius:9px;box-shadow:0 13px 30px rgba(22,53,43,.1);color:#7c9181;font-size:9px;font-weight:800;letter-spacing:.1em}.float-label b{display:block;color:#203a30;font-size:11px;letter-spacing:0}.fl-one{top:80px;right:-8px}.fl-two{bottom:71px;left:-25px;display:flex;align-items:center;gap:8px;color:#315d42;letter-spacing:0;font-size:11px}.tick{display:grid;place-items:center;background:#e4f1df;color:#37774b;width:25px;height:25px;border-radius:7px}.trust-strip{border-block:1px solid #e2e9df;background:#f1f5ed}.trust-strip .wrap{display:flex;align-items:center;justify-content:space-between;min-height:80px;gap:30px}.trust-strip span{font-size:10px;letter-spacing:.15em;color:#668571;font-weight:800}.trust-strip div div{display:flex;align-items:center;gap:18px;font-size:12px;color:#4f6857}.trust-strip b{font-size:10px;color:#4e7c55}.trust-strip i{font-style:normal;color:#a3b5a4}.section{padding:105px 0}.section.compact{padding:75px 0}.section-intro{max-width:670px;margin-bottom:45px}.section-intro h2{margin:14px 0 17px}.section-intro p{max-width:570px;color:#657b6e;line-height:1.8}.section-intro.center{text-align:center;margin-inline:auto}.before-after{display:grid;grid-template-columns:.75fr 1.25fr;gap:18px}.before,.after{min-height:350px;border-radius:15px;padding:35px}.before{background:#f0f3ed;border:1px solid #e2e8de;position:relative}.before>span,.after>span{font-size:10px;letter-spacing:.15em;color:#758d79;font-weight:800}.before p{font:500 27px/1.4 Manrope;letter-spacing:-.05em;max-width:350px;margin-top:70px}.before-icon{position:absolute;bottom:26px;right:32px;font:400 70px Georgia;color:#c3d1c4}.after{background:#fff;border:1px solid #dfe8de;box-shadow:var(--shadow)}.after h3{margin:22px 0}.briefline{display:flex;gap:25px;padding:10px 0;border-top:1px solid #edf1eb;font-size:12px}.briefline b{width:110px;color:#688173}.briefline span{color:#31493b}.after-bottom{margin-top:17px;background:#ecf4e7;border-radius:7px;padding:10px 13px;color:#4b7557;font-size:11px;font-weight:700}.sage{background:#edf3e8}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{background:#fff;border:1px solid #e0e8dc;border-radius:14px;padding:30px;min-height:300px}.feature-number{font-size:10px;letter-spacing:.13em;color:#6d9073;font-weight:800}.feature-icon{width:48px;height:48px;display:grid;place-items:center;margin:37px 0 22px;border-radius:10px;background:#eaf3e5;color:#4f865c;font-size:23px}.feature h3{max-width:270px;margin:0 0 10px}.feature p{font-size:13px;line-height:1.8;color:#6d7d71}.dark{background:var(--deep);color:#fff;overflow:hidden}.dark-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.dark h2{margin:15px 0 20px}.dark h2 em,.cta-band h2 em{color:#bad4aa}.dark p{max-width:450px;color:#b9cfc1;line-height:1.8}.dashboard-art{display:grid;grid-template-columns:95px 1fr;min-height:365px;background:#fff;border:8px solid #2c5044;border-radius:18px;box-shadow:0 35px 70px rgba(0,0,0,.16);transform:rotate(-2deg);overflow:hidden;color:var(--ink)}.dash-sidebar{background:#f1f5ef;padding:20px 12px;display:flex;flex-direction:column;gap:21px}.dash-logo{font:800 25px Manrope;color:var(--forest);margin-bottom:24px}.dash-sidebar small{font-size:9px;color:#738a78}.dash-content{padding:25px}.dash-title{font:800 17px Manrope;display:flex;justify-content:space-between}.dash-title span{color:#91b882}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.dash-stats div{border:1px solid #e6ece4;border-radius:8px;padding:11px}.dash-stats small{display:block;font-size:8px;color:#8b9b8d}.dash-stats b{font:800 22px Manrope}.dash-table{border:1px solid #e8eee7;border-radius:8px;padding:14px}.dash-table>b{font-size:10px}.dash-table p{display:flex;align-items:center;gap:6px;margin:10px 0 0;padding-top:9px;border-top:1px solid #eef2ec;font-size:8px;color:#31463b}.dash-table em{margin-left:auto;font-style:normal;color:#6a9c74}.dot{width:6px;height:6px;border-radius:50%}.dot.green{background:#68aa7a}.dot.amber{background:#dabd79}.dot.blue{background:#7aa6b5}.demo-label{display:block;text-align:right;color:#96a395;font-size:8px;margin-top:8px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:100px}.benefits h2{margin:13px 0}.benefits p{max-width:440px;color:#6b7d70}.pricing-preview .wrap{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.pricing-preview h2{margin:15px 0}.pricing-preview p{color:#6b7d70;max-width:450px}.quote-card{background:#fff;border-radius:16px;border:1px solid #e3e9df;padding:35px 40px}.quote-card>span{font:70px Georgia;color:#85a98a;line-height:1}.quote-card p{font:500 27px/1.45 Manrope;color:#244338}.quote-card small{font-size:10px;letter-spacing:.13em;color:#7d9980;font-weight:800}.faq .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-list details{border-bottom:1px solid #dce5da}.faq-list summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:19px 0;font-weight:700}.faq-list summary span{color:#77a17e;font-size:20px}.faq-list p{font-size:13px;color:#687b6f}.cta-band{background:#143c34;color:#fff;padding:82px 0}.cta-band h2{margin:14px 0}.cta-band p{color:#bcd0c1}.footer{background:#0f2b26;color:#c8d9ce;padding:60px 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:45px}.footer .brand{color:#fff}.footer .brand i{color:#a2b9aa}.footer p{font-size:12px;color:#8fa89a}.footgrid>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:12px}.footgrid b{color:#fff;font-size:11px;letter-spacing:.12em}.footgrid a:not(.brand):hover{text-decoration:underline}.footlast{color:#8fa89a}.page-hero{padding:90px 0 78px;background:#f2f6ed;border-bottom:1px solid #e1e9dd}.page-hero h1{margin:14px 0 18px}.page-hero p{max-width:560px;color:#647a6b;line-height:1.8}.page-hero.centered{text-align:center}.page-hero.centered p{margin:auto}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.product-item{background:#fff;padding:35px;border:1px solid #e3e9e0;border-radius:14px}.product-item>span{color:#5d956c;font-size:11px;font-weight:800}.product-item h2{font-size:27px;margin:25px 0 10px}.product-item p{color:#6f8072;font-size:13px}.agency-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.agency-story h2{margin:15px 0}.agency-story p{color:#687c6d;line-height:1.8}.story-card{background:#fff;border:1px solid #e2e9df;padding:32px;border-radius:14px;box-shadow:var(--shadow)}.story-card>span{font-size:10px;letter-spacing:.14em;color:#679477;font-weight:800}.story-card p{padding:14px 0;margin:0;border-bottom:1px solid #edf1eb;font-size:13px}.story-card b{color:#2a674b}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan{border:1px solid #e2e9df;background:#fff;border-radius:15px;padding:30px}.plan.featured{border-color:#7ca879;box-shadow:var(--shadow)}.plan>span{font-size:10px;letter-spacing:.15em;color:#568561;font-weight:800}.plan h2{font-size:38px;margin:23px 0 8px}.plan h2 small{font:500 13px DM Sans;color:#8b9d90}.plan p{color:#718477;font-size:13px}.plan ul{list-style:none;margin:25px 0;padding:0}.plan li{padding:9px 0;border-top:1px solid #ecf0e9;font-size:12px}.plan li:before{content:'✓';color:#559267;margin-right:10px}.pricing-note{text-align:center;font-size:12px;color:#738a77;margin-top:22px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid #e1e9df;border-radius:14px;padding:30px}.card h2{font-size:27px;margin:15px 0 22px}.demo-empty{padding:45px;background:#f5f8f2;border-radius:9px;color:#758879;font-size:13px}.demo-question{background:#f2f6ee;padding:13px;border-radius:8px;margin:12px 0}.demo-brief{white-space:pre-line;font-size:13px;line-height:1.8}.legal{max-width:760px}.legal h2{font-size:25px;margin:34px 0 10px}.legal p{color:#66796c}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-side{padding:45px 7vw;background:#133b32;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-side .brand{color:#fff}.auth-side h1{font-size:clamp(3rem,4.5vw,5rem);margin:15px 0}.auth-side h1 em{color:#bed6ac}.auth-side p{max-width:420px;color:#bbd0bf}.auth-side small{color:#9bb8a2;font-size:10px;letter-spacing:.15em}.auth-main{display:grid;place-items:center;padding:40px}.auth-card{width:min(430px,100%)}.auth-card h2{font-size:34px;margin:12px 0}.auth-card>p{color:#6d7f72}.auth-card form{display:flex;flex-direction:column;gap:17px;margin-top:27px}.auth-links{margin-top:23px;color:#748578;font-size:12px}.auth-links a{color:#367253;font-weight:800}.auth-links a:hover{text-decoration:underline}.invite-page,.simple-state{min-height:100vh;display:grid;place-items:center;padding:30px}.error-page{padding:100px 0;min-height:55vh}.error-page h1{font-size:40px}.error{padding:12px 14px;background:#fff0ee;border:1px solid #efc8c0;border-radius:8px;color:#9a3f36;font-size:13px}.flash{padding:12px;background:#edf5e6;color:#3b6749;border-radius:8px;margin-top:15px}
/* Application */
.appbody{display:grid;grid-template-columns:232px 1fr;min-height:100vh;background:#f7f9f5}.sidebar{background:#11372f;color:#d0dfd2;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:26px 17px}.sidebar .brand{color:#fff;padding:0 7px;font-size:17px}.sidebar .brandmark{background:#d7eab4;color:#143c34}.sidebar .brand i{color:#a6bfae}.sidebar-label{font-size:9px;letter-spacing:.16em;color:#85a795;font-weight:800;margin:43px 15px 14px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{padding:10px 14px;border-radius:8px;font-size:12px;font-weight:700;color:#bbd1c2}.sidebar nav a:hover{background:#204c3f;color:#fff}.sidebar-bottom{margin-top:auto;padding:16px 4px 0;border-top:1px solid #2f5545;display:flex;align-items:center;gap:9px}.avatar{width:33px;height:33px;border-radius:9px;background:#dceec7;color:#2a5d3c;display:grid;place-items:center;font:800 12px Manrope;flex:none}.sidebar-bottom div{display:flex;flex-direction:column;min-width:0}.sidebar-bottom b{color:#fff;font-size:10px}.sidebar-bottom small{font-size:8px;color:#93b49e;overflow:hidden;text-overflow:ellipsis}.iconbtn{background:none;border:0;color:#b6d0ba;font-size:19px;margin-left:auto}.appmain{min-width:0}.apptop{height:66px;border-bottom:1px solid #e4ebe2;background:#fff;display:flex;align-items:center;padding:0 35px;gap:20px;font-size:12px;font-weight:700;color:#526f5c}.topright{margin-left:auto;color:#92a196;font-weight:500}.appcontent{padding:34px;max-width:1500px;margin:auto}.pageheading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.pageheading h1{font-size:clamp(27px,3vw,36px);margin:6px 0 4px}.pageheading p{color:#7a8b7d;font-size:12px;margin:0}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:19px}.metric{position:relative;background:#fff;border:1px solid #e3eae1;border-radius:11px;padding:20px;min-height:117px}.metric>span{display:block;color:#7b8e7f;font-size:10px;font-weight:700}.metric b{display:block;font:800 29px Manrope;margin-top:12px}.metric-icon{position:absolute;right:18px;top:20px;width:28px;height:28px;display:grid;place-items:center;background:#edf4e9;color:#6c9c74;font-style:normal;border-radius:7px}.metric-icon.m1{background:#fbf2dd;color:#c29b53}.metric-icon.m2{background:#eaf2f4;color:#75a5ad}.metric-icon.m3{background:#e8f2e4;color:#72a477}.contentgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:18px;align-items:start}.contentgrid>div,.detail-main,.detail-aside{display:flex;flex-direction:column;gap:18px}.panel{background:#fff;border:1px solid #e2eae1;border-radius:11px;padding:22px;margin-bottom:18px}.contentgrid .panel,.detail-main .panel,.detail-aside .panel{margin-bottom:0}.panelhead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:13px}.panelhead h2,.panel h2{font-size:17px;margin:3px 0 15px}.panelhead h2{margin-bottom:0}.panelhead a{font-size:11px;color:#477c57;font-weight:800}.panel p{font-size:12px}.muted{color:#7a8b7f}.small{font-size:10px!important}.request-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #edf1eb}.request-row:hover{background:#fafcf8}.request-symbol{width:35px;height:35px;border-radius:9px;background:#e7f1e4;color:#5b8a63;display:grid;place-items:center;font-size:12px;font-weight:800;flex:none}.request-main{display:flex;flex-direction:column;flex:1;min-width:0}.request-main b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.request-main small{font-size:10px;color:#91a194}.request-main .next-action{color:#3c7b54;margin-top:3px}.row-arrow{color:#89a58c}.tag{display:inline-block;border-radius:20px;padding:4px 9px;background:#edf1eb;color:#5c7865;font-size:9px;font-weight:800;white-space:nowrap}.tag-needs_details{background:#fff2d9;color:#9b7838}.tag-ready{background:#e7f3df;color:#528157}.tag-in_progress{background:#e6f0f2;color:#507c8a}.tag-awaiting_approval{background:#eee9f6;color:#79668e}.tag-completed,.tag-closed{background:#eaf1e9;color:#637c67}.next-panel>p{color:#7c8e7e;line-height:1.8}.step{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid #edf1eb}.step>span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#eaf3e6;color:#5b8a65;font-size:10px;font-weight:800}.step div{display:flex;flex-direction:column}.step b{font-size:11px}.step small{font-size:10px;color:#94a397}.next-panel .button{margin-top:17px}.empty{text-align:center;padding:47px 20px;color:#879789}.empty-icon{display:grid;place-items:center;margin:0 auto 15px;width:42px;height:42px;background:#edf5e9;color:#5d8e65;border-radius:9px;font-size:22px}.empty h3{font-size:15px;color:#315040;margin-bottom:6px}.empty p{max-width:340px;margin:0 auto 14px}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:13px}.filters input{flex:1 1 180px}.filters select{flex:1 1 125px}.filters .button{flex:0 0 auto}.table-panel{padding:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#7e9583;background:#f8faf7;padding:15px 20px}td{font-size:11px;padding:16px 20px;border-top:1px solid #edf1eb}.table-link{font-weight:800;color:#315740}.table-link:hover{text-decoration:underline}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.client-card{display:grid;grid-template-columns:45px 1fr 18px;align-items:center;gap:12px;background:#fff;border:1px solid #e2eae1;border-radius:12px;padding:20px}.client-card:hover{box-shadow:var(--shadow);border-color:#bbd1bd}.client-monogram{width:43px;height:43px;border-radius:10px;background:#e7f1e3;color:#558b5c;display:grid;place-items:center;font:800 17px Manrope}.client-card-text{display:flex;flex-direction:column;min-width:0}.client-card-text b{font-size:12px}.client-card-text small{font-size:10px;color:#8c9d90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card-foot{grid-column:1/-1;display:flex;gap:18px;border-top:1px solid #edf1eb;padding-top:13px;color:#8a9d8f;font-size:10px}.form-panel{max-width:850px}.form-panel form,.panel form{display:flex;flex-direction:column;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;color:#385b44}label small{font-weight:400;color:#8a9d8d;font-size:10px}input,select,textarea{border:1px solid #dce6db;border-radius:8px;background:#fff;min-height:41px;padding:9px 12px;color:#213d2c;max-width:100%}textarea{resize:vertical;min-height:80px;line-height:1.6}input::placeholder,textarea::placeholder{color:#a0ada0}input[type=file]{padding:8px}input[type=checkbox]{min-height:auto}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:9px}.form-actions a{font-size:12px;color:#718a78}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid #edf1eb;font-size:11px}.detail-list dt{color:#8a9b8d}.detail-list dd{margin:0;text-align:right;font-weight:700;max-width:65%;overflow-wrap:anywhere;white-space:pre-wrap}.compact-list>div{padding:10px 0}.contact-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf1eb}.contact-row div{display:flex;flex-direction:column}.contact-row b{font-size:11px}.contact-row small{font-size:10px;color:#8b9d90}.invite-link{background:#edf6e8;border:1px solid #d8e9cf;padding:14px;border-radius:8px;margin-top:16px;font-size:11px}.invite-link p{margin:5px 0}.invite-link code{display:block;overflow-wrap:anywhere;color:#2d6943}.portal-welcome{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#143d33;color:#fff;padding:27px 33px;border-radius:12px;margin-bottom:19px}.portal-welcome span{font-size:10px;letter-spacing:.1em;color:#b9d4b0;font-weight:800}.portal-welcome h2{font-size:25px;margin:7px 0}.portal-welcome p{color:#bdd1bf;margin:0;font-size:12px}.form-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.55fr);gap:20px;align-items:start}.aside-tip{padding:25px;background:#eaf3e5;border-radius:11px}.aside-tip span{font-size:27px;color:#73a578}.aside-tip h3{font-size:20px;margin:12px 0}.aside-tip p{font-size:12px;color:#66816c}.request-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.77fr);gap:18px;align-items:start}.original-message{font-size:13px!important;line-height:1.8;white-space:pre-wrap;color:#344a3b}.emphasis{background:#f5faef;border-color:#d8ead0}.suggestion-label{font-size:9px;font-weight:800;color:#678c6e;background:#eaf3e6;padding:4px 8px;border-radius:20px}.brief-edit{width:100%;font-size:12px;min-height:340px}.brief-text{white-space:pre-wrap;font-size:12px;line-height:1.8;color:#3d5845}.messages{display:flex;flex-direction:column;gap:11px;margin:12px 0 20px}.message{border:1px solid #e8eee6;background:#fafcf9;border-radius:9px;padding:14px}.message.internal{background:#fff8eb;border-color:#f0dfbd}.message-meta{display:flex;justify-content:space-between;gap:10px}.message-meta b{font-size:10px}.message-meta span{font-size:9px;color:#91a195}.message p{white-space:pre-wrap;margin:7px 0 0;color:#4c6051}.checkline{display:flex;flex-direction:row;align-items:center;gap:7px}.file-row{display:flex;gap:10px;align-items:center;border-top:1px solid #edf1eb;padding:11px 0;font-size:12px}.file-row a{color:#3d7550;font-weight:700}.file-row small{margin-left:auto;color:#8a9b8d}.timeline>div{display:flex;gap:12px;border-left:1px solid #e2e9df;margin-left:5px;padding:0 0 14px 0}.timeline>div>span{margin-left:-5px;color:#75a27b}.timeline p{margin:0}.timeline b{display:block;font-size:11px}.timeline small{font-size:9px;color:#92a294}.stack-actions{display:flex;gap:8px;flex-wrap:wrap}.preview-banner{background:#fff3d9;border:1px solid #e5d19b;border-radius:8px;padding:12px;margin-bottom:18px;font-size:12px}.notice{border-bottom:1px solid #e8eee6}.notice summary{display:flex;justify-content:space-between;cursor:pointer;padding:15px 0}.notice summary span:first-child{display:flex;flex-direction:column}.notice b{font-size:12px}.notice small{color:#92a195;font-size:10px}.notice pre{white-space:pre-wrap;background:#f5f8f3;padding:15px;border-radius:8px;font:12px/1.6 DM Sans}.summary-row{display:flex;align-items:center;gap:15px;border-top:1px solid #e8eee6;padding:13px 0;font-size:12px}.summary-row a{flex:1;color:#39744d;font-weight:800}.summary-row small{color:#8b9e8e}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.85)}.dark-grid{gap:35px}.appbody{grid-template-columns:205px 1fr}.appcontent{padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 34px,560px)}.siteheader .navrow{height:66px;gap:10px}.siteheader nav,.navright{display:none!important}.siteheader nav.shown{display:flex!important;position:absolute;top:65px;left:0;right:0;flex-direction:column;gap:0;padding:12px 20px;background:var(--cream);border-bottom:1px solid var(--line)}.siteheader nav.shown a{padding:10px}.menubtn{display:block;margin-left:auto}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:66px 0 0}.hero h1{font-size:clamp(3rem,11vw,4.2rem)}.hero-art{height:480px;width:100%;transform:scale(.84)}.orbit{right:auto}.fl-one{right:-25px}.fl-two{left:-25px}.trust-strip .wrap{display:block;padding:20px 0}.trust-strip div div{margin-top:9px;flex-wrap:wrap;gap:9px}.section{padding:70px 0}.section.compact{padding:55px 0}.before-after,.three,.dark-grid,.benefits,.pricing-preview .wrap,.faq .wrap,.footgrid,.product-grid,.agency-story,.plan-grid,.demo-layout{grid-template-columns:1fr}.before,.after{min-height:0;padding:25px}.before p{margin:40px 0}.dark-grid{gap:35px}.dashboard-art{transform:none}.benefits,.faq .wrap{gap:35px}.footgrid{gap:25px}.page-hero{padding:70px 0}.auth-layout{display:block}.auth-side{min-height:230px;padding:25px}.auth-side>div{margin-top:35px}.auth-side h1{font-size:35px}.auth-side p,.auth-side>small{display:none}.auth-main{padding:40px 25px}.appbody{display:block}.sidebar{position:fixed;z-index:50;left:0;top:0;bottom:0;width:245px;transform:translateX(-100%);transition:transform .2s;box-shadow:var(--shadow)}.menu-open .sidebar{transform:translateX(0)}.apptop{height:62px;padding:0 18px}.apptop .menubtn{margin:0}.appcontent{padding:20px 17px}.pageheading{align-items:flex-start;flex-direction:column}.contentgrid,.request-detail-grid,.form-layout,.form-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:1fr}.portal-welcome{display:block;padding:24px}.portal-welcome .button{margin-top:18px}.filters input{flex-basis:100%}.panel{padding:18px}.message-meta{display:block}.message-meta span{display:block}}
@media(max-width:420px){.hero-art{transform:scale(.7);height:390px;width:calc(100% + 50px);margin-left:-25px}.conversation{flex:0 0 385px}.actions .button{width:100%}.trust-strip div div{font-size:10px}.metrics{gap:8px}.metric{padding:14px;min-height:105px}.metric b{font-size:24px}.request-row{gap:7px}.request-row .tag{max-width:95px;white-space:normal;text-align:center}.row-arrow{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.pre-wrap{white-space:pre-wrap}

/* 0.2.3 visual refresh: readable type, warmer surfaces, quieter details. */
:root {
  --ink: #20312d;
  --forest: #203b34;
  --deep: #182f2a;
  --muted: #596b62;
  --line: #d8ded5;
  --cream: #f8f7f2;
  --white: #fffefa;
  --lime: #d9e5bd;
  --sage: #f0f1e9;
  --soft: #f4f4ed;
  --shadow: 0 10px 30px rgba(31, 49, 42, .06);
}

body { font-size: 17px; line-height: 1.65; }
h1, h2, h3, h4 { letter-spacing: -.035em; }
p { text-wrap: pretty; }
.wrap { width: min(1240px, calc(100% - 64px)); }
.kicker, .eyebrow { color: #496f59; font-size: 13px; letter-spacing: .09em; font-weight: 700; }
.button { min-height: 52px; padding: 12px 22px; gap: 14px; border-radius: 7px; font: 700 15px/1.25 'DM Sans', system-ui, sans-serif; }
.button.small { min-height: 44px; padding: 10px 16px; font-size: 14px; }
.button span { display: none; }
.textlink { font-size: 15px; }
.brand { font-size: 20px; letter-spacing: -.04em; }
.brandmark { width: 32px; height: 32px; border-radius: 6px; }

/* Public pages: a restrained editorial feel and a legible product example. */
.siteheader { background: var(--cream); }
.navrow { height: 84px; }
.navrow nav, .navright { font-size: 15px; gap: 30px; }
.hero-grid { min-height: 700px; gap: 50px; }
.hero-copy { padding-block: 90px; }
.hero h1, .page-hero h1, .section h2, .cta-band h2 {
  font-family: Georgia, 'Times New Roman', serif;
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1.08;
}
.hero h1 { font-size: clamp(4rem, 5.5vw, 6rem); max-width: 720px; }
.hero h1 em, .section h2 em, .page-hero h1 em, .cta-band h2 em { font-weight: 400; }
.lede { font-size: 21px; line-height: 1.55; max-width: 590px; color: #53665b; }
.micro { font-size: 13px; margin-top: 30px; color: #596e60; }
.hero-art { height: 580px; }
.orbit, .float-label, .online { display: none; }
.conversation { width: min(460px, 100%); border-radius: 10px; box-shadow: 0 18px 50px rgba(28, 46, 39, .12); }
.chathead { padding: 21px 23px; }
.chathead b { font-size: 16px; }
.chathead small { font-size: 13px; }
.chatbody { padding: 25px 23px 15px; gap: 15px; }
.bubble { font-size: 14px; line-height: 1.5; padding: 12px 15px; border-radius: 7px; }
.mini-brief { padding: 18px; border-radius: 7px; }
.brief-top { font-size: 12px; letter-spacing: .06em; }
.mini-brief b { font: 700 16px/1.4 'DM Sans', sans-serif; }
.mini-brief small { font-size: 13px; }
.chatfoot { font-size: 13px; color: #566b5c; }
.trust-strip .wrap { min-height: 88px; }
.trust-strip span, .trust-strip b { font-size: 12px; letter-spacing: .06em; }
.trust-strip div div { font-size: 14px; }
.section-intro { max-width: 780px; }
.section-intro p, .page-hero p, .agency-story p, .benefits p, .pricing-preview p, .dark p, .faq-list p, .legal p { font-size: 18px; line-height: 1.65; }
.section h2, .cta-band h2 { font-size: clamp(2.8rem, 4vw, 4.5rem); }
.before, .after, .feature, .product-item, .plan, .card, .quote-card, .story-card { border-radius: 8px; }
.before>span, .after>span, .feature-number, .plan>span, .story-card>span { font-size: 12px; letter-spacing: .08em; }
.before p { font-size: 31px; line-height: 1.35; }
.briefline { font-size: 16px; padding: 13px 0; }
.briefline b { width: 125px; }
.after-bottom { font-size: 14px; }
.feature h3 { font-size: 25px; line-height: 1.22; }
.feature p, .product-item p, .plan p, .demo-brief, .demo-empty { font-size: 16px; line-height: 1.6; }
.product-item>span, .quote-card small, .auth-side small { font-size: 12px; }
.story-card p { font-size: 16px; }
.feature-icon { background: transparent; border: 1px solid var(--line); border-radius: 6px; }
.dash-sidebar small, .dash-stats small, .demo-label { font-size: 11px; }
.dash-table>b, .dash-table p { font-size: 12px; }
.product-item h2, .card h2 { font-size: 31px; }
.plan li { font-size: 15px; }
.plan h2 small, .pricing-note, .footer p, .footgrid>div:not(:first-child) { font-size: 14px; }
.footgrid b { font-size: 13px; }
.faq-list summary { font-size: 18px; }
.auth-side p, .auth-card>p, .page-hero p { font-size: 18px; }
.auth-card { width: min(480px, 100%); }
.auth-card h2 { font-size: 39px; }
.auth-links { font-size: 15px; }
.error { font-size: 15px; }

/* Workspaces: clear hierarchy at a comfortable reading size. */
.appbody { grid-template-columns: 260px minmax(0, 1fr); background: #f7f7f2; font-size: 16px; }
.sidebar { background: #1c342e; padding: 31px 18px; }
.sidebar .brand { font-size: 19px; }
.sidebar-label { font-size: 11px; letter-spacing: .1em; margin: 44px 15px 13px; color: #b4c9b9; }
.sidebar nav { gap: 5px; }
.sidebar nav a { padding: 11px 14px; font-size: 15px; font-weight: 600; border-radius: 6px; color: #d8e3d8; }
.sidebar nav a:hover { background: #345047; }
.sidebar-bottom { gap: 11px; }
.sidebar-bottom b { font-size: 13px; }
.sidebar-bottom small { font-size: 11px; color: #bbcebe; }
.avatar { width: 38px; height: 38px; font-size: 14px; border-radius: 6px; }
.apptop { height: 76px; padding-inline: 42px; font-size: 14px; }
.appcontent { padding: 42px; max-width: 1440px; }
.pageheading { margin-bottom: 30px; }
.pageheading h1 { font-size: clamp(37px, 3vw, 47px); line-height: 1.12; margin-block: 7px; }
.pageheading h1 { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -.04em; }
.pageheading p { font-size: 17px; line-height: 1.5; }
.metrics { gap: 0; margin-bottom: 24px; background: #fffefa; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.metric { min-height: 130px; padding: 22px; border: 0; border-right: 1px solid var(--line); border-radius: 0; background: transparent; }
.metric:last-child { border-right: 0; }
.metric>span { font-size: 13px; line-height: 1.35; max-width: none; color: #506557; }
.metric b { font: 700 36px/1.1 'DM Sans', sans-serif; margin-top: 20px; }
.metric-icon { display: none; }
.contentgrid, .request-detail-grid { gap: 22px; }
.panel { padding: 27px; margin-bottom: 20px; border-radius: 8px; }
.panelhead { margin-bottom: 18px; }
.panelhead h2, .panel h2 { font-size: 23px; line-height: 1.25; }
.panelhead a { font-size: 14px; }
.panel p { font-size: 16px; line-height: 1.6; }
.muted { color: #5f7065; }
.small { font-size: 13px!important; }
.request-row { gap: 15px; padding: 18px 0; }
.request-symbol { width: 42px; height: 42px; border-radius: 6px; font-size: 15px; }
.request-main b { font-size: 16px; line-height: 1.35; }
.request-main small { font-size: 13px; line-height: 1.45; color: #63776a; }
.request-main .next-action { color: #35634a; }
.row-arrow { display: none; }
.tag, .suggestion-label { font-size: 12px; line-height: 1.25; padding: 6px 10px; border-radius: 5px; }
.step { padding: 17px 0; }
.step>span { width: 33px; height: 33px; font-size: 13px; background: transparent; border: 1px solid #bed0c0; border-radius: 5px; }
.step b { font-size: 15px; }
.step small { font-size: 13px; }
.empty { padding: 55px 20px; }
.empty h3 { font-size: 20px; }
.empty p { font-size: 16px; }
.filters { gap: 12px; padding: 17px; }
th { font-size: 13px; padding: 17px 20px; color: #52685b; }
td { font-size: 15px; padding: 18px 20px; }
.client-card { padding: 23px; border-radius: 8px; }
.client-card-text b { font-size: 16px; }
.client-card-text small, .client-card-foot { font-size: 13px; }
.client-monogram { border-radius: 6px; }
label { gap: 8px; font-size: 15px; color: #2f4c3b; }
label small { font-size: 13px; line-height: 1.5; color: #66796c; }
input, select, textarea { min-height: 49px; padding: 11px 14px; border-radius: 6px; font-size: 16px; border-color: #cbd6cb; }
textarea { min-height: 115px; }
.form-actions a { font-size: 15px; }
.detail-list>div { font-size: 15px; padding: 15px 0; }
.detail-list dt { color: #617264; }
.contact-row b, .invite-link, .brief-text, .brief-edit { font-size: 15px; }
.contact-row small { font-size: 13px; }
.portal-welcome { padding: 34px 38px; border-radius: 8px; }
.portal-welcome span { font-size: 12px; letter-spacing: .07em; }
.portal-welcome h2 { font-size: 32px; }
.portal-welcome p { font-size: 17px; }
.aside-tip { border-radius: 8px; }
.aside-tip p { font-size: 15px; }
.original-message { font-size: 17px!important; line-height: 1.65; }
.message { padding: 18px; border-radius: 6px; }
.message-meta b { font-size: 15px; }
.message-meta span { font-size: 13px; }
.file-row, .summary-row, .preview-banner { font-size: 15px; }
.file-row small, .timeline small, .notice small, .summary-row small { font-size: 13px; }
.timeline b, .notice b { font-size: 15px; }
.notice pre { font: 14px/1.6 'DM Sans', sans-serif; }

@media (max-width: 1100px) {
  .appbody { grid-template-columns: 230px minmax(0, 1fr); }
  .appcontent { padding: 30px; }
  .metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .metric:nth-child(3) { border-right: 0; }
  .metric:nth-child(n+4) { border-top: 1px solid var(--line); }
  .hero-grid { gap: 25px; }
}

@media (max-width: 760px) {
  .wrap { width: min(100% - 36px, 600px); }
  .navrow { height: 70px; }
  .siteheader nav.shown { top: 69px; }
  .hero-grid { min-height: 0; }
  .hero-copy { padding: 62px 0 20px; }
  .hero h1 { font-size: clamp(3.25rem, 11vw, 4.7rem); }
  .lede { font-size: 19px; }
  .hero-art { height: auto; padding: 25px 0 65px; transform: none; }
  .conversation { max-width: 460px; }
  .section { padding: 72px 0; }
  .section h2, .cta-band h2 { font-size: clamp(2.6rem, 8vw, 3.8rem); }
  .appbody { display: block; }
  .sidebar { width: min(290px, 86vw); }
  .apptop { height: 68px; padding-inline: 20px; }
  .appcontent { padding: 28px 18px; }
  .pageheading h1 { font-size: 37px; }
  .metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .metric:nth-child(odd) { border-right: 1px solid var(--line); }
  .metric:nth-child(even) { border-right: 0; }
  .metric:nth-child(n+3) { border-top: 1px solid var(--line); }
  .metric { min-height: 118px; padding: 18px; }
  .metric b { font-size: 32px; }
  .panel { padding: 22px; }
  .portal-welcome { padding: 27px; }
  .request-row { flex-wrap: wrap; }
  .request-main { flex-basis: calc(100% - 60px); }
  .request-row .tag { margin-left: 57px; }
}

@media (max-width: 420px) {
  .hero-art { width: 100%; height: auto; margin-left: 0; transform: none; }
  .conversation { flex: auto; width: 100%; }
  .bubble { font-size: 13px; }
  .metrics { gap: 10px; }
  .metric>span { font-size: 12px; }
  .metric b { font-size: 30px; }
}

/* 0.2.4 — editorial home and a calmer, lighter product workspace */
.homebody { background: #f7f5ee; }
.homebody .siteheader { background: #19332c; border-bottom: 1px solid rgba(245,244,231,.16); }
.homebody .siteheader .brand { color: #f5f1e6; }
.homebody .siteheader .brand i { color: #b8d0b8; }
.homebody .siteheader .brandmark { background: #dce9bc; color: #1b3d30; }
.homebody .siteheader nav, .homebody .navright { color: #e6e9df; }
.homebody .siteheader nav a:hover, .homebody .navright>a:first-child:hover { color: #dce9bc; }
.homebody .navright .button { background: #dce9bc; color: #18362a; border-color: #dce9bc; }
.homebody .menubtn { color: #fff; }
.home-v2 { overflow: hidden; }
.hl-hero { background: #19332c; color: #f7f5eb; }
.hl-hero-meta, .hl-hero-bottom { display: flex; justify-content: space-between; gap: 20px; font-size: 12px; font-weight: 700; letter-spacing: .13em; }
.hl-hero-meta { padding: 29px 0 22px; color: #b9d0b8; border-bottom: 1px solid rgba(245,244,231,.2); }
.hl-hero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr); gap: clamp(45px, 6vw, 90px); align-items: center; min-height: 650px; padding: 75px 0; }
.hl-index, .hl-section-tag { display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .12em; }
.hl-index { color: #c8daa7; margin-bottom: 26px; }
.hl-hero-copy h1 { max-width: 730px; margin: 0 0 28px; font: 400 clamp(4.3rem, 5.4vw, 6.5rem)/.99 Georgia, 'Times New Roman', serif; letter-spacing: -.055em; }
.hl-hero-copy h1 em { display: block; font-weight: 400; color: #dce9bc; }
.hl-hero-copy p { max-width: 590px; margin: 0; color: #d6e1d5; font-size: 21px; line-height: 1.55; }
.hl-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 32px 0 24px; }
.hl-actions .button { min-height: 55px; }
.hl-actions .outline-light { border-color: #8eaa96; color: #f7f5eb; }
.hl-hero-copy small { display: block; color: #bed0bd; font-size: 14px; }
.hl-example { background: #f8f6ed; color: #263a30; padding: 28px 30px 30px; border: 1px solid #e2dfcf; border-radius: 3px; box-shadow: 18px 18px 0 rgba(218,230,194,.13); }
.hl-example-head, .hl-sheet-head { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 17px; border-bottom: 1px solid #cfd6c9; font-size: 11px; font-weight: 800; letter-spacing: .12em; color: #5b7560; }
.hl-example-quote { padding: 35px 0; font: 400 34px/1.22 Georgia, serif; letter-spacing: -.035em; border-bottom: 1px solid #cfd6c9; }
.hl-example-question { padding: 22px 0 24px; border-bottom: 1px solid #cfd6c9; }
.hl-example-question span, .hl-example-result>span { font-size: 11px; letter-spacing: .1em; font-weight: 800; color: #66856d; }
.hl-example-question p { margin: 10px 0 0; color: #40594b; font-size: 17px; line-height: 1.45; }
.hl-example-result { padding: 23px 0 0; }
.hl-example-result h2 { font: 400 29px/1.2 Georgia, serif; letter-spacing: -.035em; margin: 10px 0 7px; }
.hl-example-result p { font-size: 14px; color: #687c69; margin: 0 0 23px; }
.hl-example-result div { background: #e7eddd; padding: 12px 14px; font-size: 14px; color: #38523c; }
.hl-hero-bottom { padding: 24px 0 27px; border-top: 1px solid rgba(245,244,231,.2); color: #bdd2bf; }
.hl-statement { background: #f6f3e9; padding: 125px 0; }
.hl-statement-grid { display: grid; grid-template-columns: 220px 1fr; gap: 70px; }
.hl-statement .hl-section-tag, .hl-workspace .hl-section-tag { color: #5f775d; }
.hl-statement h2, .hl-section-head h2, .hl-workspace h2, .hl-close h2 { font: 400 clamp(3rem, 4.8vw, 5.3rem)/1.08 Georgia, serif; letter-spacing: -.05em; }
.hl-statement h2 { max-width: 970px; margin: -11px 0 28px; }
.hl-statement p { max-width: 730px; font-size: 20px; line-height: 1.6; color: #5a6759; }
.hl-process { background: #e9ebe2; padding: 110px 0 120px; }
.hl-section-head { display: grid; grid-template-columns: 220px 1fr; gap: 70px; align-items: start; padding-bottom: 58px; }
.hl-section-head .hl-section-tag { color: #62765c; }
.hl-section-head h2 { max-width: 800px; margin: -11px 0 0; }
.hl-process-list { border-top: 1px solid #aeb9a9; }
.hl-process-row { display: grid; grid-template-columns: 220px minmax(0,1fr) minmax(280px,.8fr); gap: 70px; align-items: start; border-bottom: 1px solid #aeb9a9; padding: 31px 0 37px; }
.hl-process-row>span { font: 400 29px Georgia, serif; color: #66806c; }
.hl-process-row h3 { font: 400 35px/1.16 Georgia, serif; letter-spacing: -.035em; margin: 0; }
.hl-process-row p { font-size: 17px; line-height: 1.55; color: #5b6b5e; margin: 0; }
.hl-workspace { background: #fbfaf5; padding: 125px 0; }
.hl-workspace-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr); gap: 100px; align-items: center; }
.hl-workspace h2 { margin: 18px 0 25px; }
.hl-workspace-copy p { font-size: 19px; line-height: 1.6; max-width: 550px; color: #5f6e61; }
.hl-text-link { display: inline-flex; gap: 25px; align-items: center; border-bottom: 1px solid #2e5541; margin-top: 18px; padding-bottom: 8px; color: #2d5841; font-size: 17px; font-weight: 700; }
.hl-workspace-sheet { border: 1px solid #d4dbcf; padding: 27px 30px 18px; background: #fffefa; box-shadow: 12px 12px 0 #e6eadd; }
.hl-sheet-row { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 16px; align-items: start; padding: 23px 0; border-bottom: 1px solid #dbe1d5; }
.hl-sheet-row>span { color: #789078; font: 400 20px Georgia,serif; }
.hl-sheet-row b { display: block; font-size: 16px; line-height: 1.3; }
.hl-sheet-row small { display: block; font-size: 13px; color: #748376; margin-top: 4px; }
.hl-sheet-row strong { font-size: 12px; font-weight: 700; color: #345c42; white-space: nowrap; }
.hl-workspace-sheet>p { margin: 14px 0 0; color: #849185; font-size: 12px; text-align: right; }
.hl-close { background: #17332b; color: #f6f4e8; padding: 105px 0 115px; }
.hl-close-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 100px; align-items: end; }
.hl-close .hl-section-tag { color: #c7d9ae; }
.hl-close h2 { margin: 20px 0 0; }
.hl-close p { color: #d4e1d0; font-size: 19px; line-height: 1.55; max-width: 450px; }
.hl-close .button { margin: 8px 20px 0 0; }
.hl-close a:not(.button) { color: #e3ebd0; font-size: 15px; text-decoration: underline; text-underline-offset: 5px; }
.homebody .footer { background: #10271f; }

/* The product uses paper-like surfaces and a light navigation rail. */
.appbody { background: #f5f3ec; color: #26362d; }
.sidebar { background: #fbfaf5; border-right: 1px solid #d9dfd3; color: #384e3d; }
.sidebar .brand { color: #203a2b; }
.sidebar .brandmark { background: #244332; color: #e0eabc; }
.sidebar .brand i { color: #677f6b; }
.sidebar-label { color: #667b62; }
.sidebar nav a { color: #3f5847; font-weight: 600; }
.sidebar nav a:hover, .sidebar nav a.active { background: #e7edde; color: #234533; }
.sidebar nav a.active { box-shadow: inset 3px 0 0 #7d9e72; }
.sidebar-bottom { border-top-color: #d8dfd3; }
.sidebar-bottom b { color: #203a2b; }
.sidebar-bottom small { color: #647a67; }
.sidebar .iconbtn { color: #516c55; }
.apptop { background: #fbfaf5; border-color: #d9dfd3; color: #405b45; }
.topright { color: #6d7e6f; }
.appcontent { max-width: 1390px; }
.pageheading { padding-bottom: 27px; border-bottom: 1px solid #d6ded0; margin-bottom: 27px; }
.pageheading h1 { font-size: clamp(40px,3.5vw,52px); }
.panel, .metric, .client-card { background: #fffefa; border-color: #d9dfd4; border-radius: 3px; box-shadow: none; }
.metrics { border-radius: 3px; border-color: #d9dfd4; }
.metric { border-color: #d9dfd4; }
.metric b { color: #233d2d; }
.panelhead h2, .panel h2 { font-family: Georgia,serif; font-size: 27px; font-weight: 400; letter-spacing: -.03em; }
.panelhead { padding-bottom: 14px; border-bottom: 1px solid #e1e5da; }
.request-row { padding: 20px 0; }
.request-row:hover { background: #f3f5ed; }
.request-symbol, .client-monogram { background: #e2ebd9; color: #2d5b39; border-radius: 3px; }
.tag { border-radius: 3px; }
.button { border-radius: 3px; }
input, select, textarea { border-radius: 3px; background: #fffefa; }
.portal-welcome { background: #e5ecdc; color: #213e2d; border: 1px solid #cad9c6; border-radius: 3px; }
.portal-welcome span { color: #486d4e; }
.portal-welcome p { color: #536c56; }
.portal-welcome .button.light-button { background: #244332; color: #fffefa; border-color: #244332; }
.step>span { border-radius: 3px; }

@media (max-width: 1050px) {
  .hl-hero-grid, .hl-workspace-grid { gap: 45px; }
  .hl-statement-grid, .hl-section-head { grid-template-columns: 170px 1fr; gap: 35px; }
  .hl-process-row { grid-template-columns: 110px 1fr minmax(220px,.8fr); gap: 35px; }
}
@media (max-width: 760px) {
  .homebody .siteheader nav.shown { background: #19332c; border-color: #446052; }
  .homebody .siteheader nav.shown a { color: #f7f5eb; }
  .hl-hero-meta span:last-child { display: none; }
  .hl-hero-grid { grid-template-columns: 1fr; min-height: 0; gap: 55px; padding: 63px 0 70px; }
  .hl-hero-copy h1 { font-size: clamp(3.75rem, 12vw, 5.2rem); }
  .hl-hero-copy p { font-size: 19px; }
  .hl-example { box-shadow: 9px 9px 0 rgba(218,230,194,.13); }
  .hl-hero-bottom { font-size: 10px; letter-spacing: .06em; }
  .hl-statement, .hl-process, .hl-workspace, .hl-close { padding: 75px 0; }
  .hl-statement-grid, .hl-section-head, .hl-workspace-grid, .hl-close-grid { grid-template-columns: 1fr; gap: 25px; }
  .hl-statement h2, .hl-section-head h2, .hl-workspace h2, .hl-close h2 { font-size: clamp(2.7rem, 9vw, 4rem); margin-top: 0; }
  .hl-section-head { padding-bottom: 35px; }
  .hl-process-row { grid-template-columns: 48px 1fr; gap: 12px; padding: 26px 0; }
  .hl-process-row h3 { font-size: 29px; }
  .hl-process-row p { grid-column: 2; font-size: 16px; }
  .hl-workspace-sheet { padding: 22px; box-shadow: 7px 7px 0 #e6eadd; }
  .hl-sheet-row { grid-template-columns: 30px 1fr; gap: 8px; }
  .hl-sheet-row strong { grid-column: 2; }
  .hl-close .button { display: flex; width: fit-content; margin-bottom: 20px; }
  .sidebar { border-right: 1px solid #d9dfd3; }
  .pageheading { padding-bottom: 22px; }
}