@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#172720;--muted:#59645b;--lime:#d7f58b;--paper:#f7f7ef;--line:#d7ddd0;--accent:#6b823f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #668331;outline-offset:4px}.wrap{width:min(1240px,88%);margin:auto}.skip{position:absolute;top:-90px;background:var(--lime);padding:12px;z-index:10}.skip:focus{top:10px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;letter-spacing:-1px}.mark{display:inline-flex;background:var(--ink);color:var(--lime);width:39px;height:39px;border-radius:50%;align-items:center;justify-content:center;font-weight:650;font-size:22px;letter-spacing:-2px}.mark span{font-size:13px;align-self:flex-start;margin-top:3px;letter-spacing:-5px}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:550}nav>a:hover{color:var(--accent)}.nav-cta{border:1px solid var(--ink);border-radius:30px;padding:9px 19px}.nav-cta span{margin-left:28px}.hero{padding:85px 0 90px;display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;margin:0 0 28px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:8px}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.08;letter-spacing:-2.8px;margin:0;font-weight:550}h1{font-size:clamp(48px,5.6vw,79px);letter-spacing:-4.5px;line-height:1.04}em{font-style:normal;color:var(--accent)}.intro{max-width:415px;color:var(--muted);margin:28px 0 30px;font-size:16px}.button{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);padding:16px 22px;border:0;border-radius:30px;font-size:13px;font-weight:600;cursor:pointer;width:fit-content;transition:background .2s,transform .2s}.button:hover{background:#38513c;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.micro{font-size:11px;color:var(--muted);margin-top:16px}.lab-preview{background:#e6ebdb;border:1px solid #cbd4bd;border-radius:15px;transform:rotate(2deg);box-shadow:0 24px 70px -40px #31422360;overflow:hidden;transition:transform .35s}.lab-preview:hover{transform:rotate(0)}.preview-bar,.preview-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;font-size:8px;letter-spacing:1.2px;border-bottom:1px solid #cbd4bd}.preview-bar>span:first-child{display:flex;gap:5px}.preview-bar i{width:5px;height:5px;background:#a6b494;border-radius:50%}.preview-body{padding:31px 28px 24px;background-image:radial-gradient(#c9d3bd .75px,transparent .75px);background-size:14px 14px}.demo-label{font-size:8px;letter-spacing:1.1px;font-weight:600}.preview-body h2{font-size:32px;letter-spacing:-1.4px;margin:16px 0 24px;line-height:1.15}.demo-tabs{display:flex;gap:5px;border-bottom:1px solid #c4cfb7;margin-bottom:23px}.demo-tabs button{border:0;background:transparent;color:#55634a;font-size:10px;padding:8px 11px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.demo-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink);font-weight:650}.incoming{background:#fafbf5;border:1px solid #d4dcc8;border-radius:8px;padding:13px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 14px #223b1e05}.mini-icon{display:grid;place-items:center;border:1px solid #d5dfca;border-radius:8px;width:32px;height:32px;flex-shrink:0;font-size:18px}.incoming small{display:block;font-size:7px;letter-spacing:1.2px;color:#6b7961}.incoming strong{font-size:11px;font-weight:550}.pill{font-size:7px;background:#edf2e6;padding:4px 8px;border-radius:20px;white-space:nowrap}.incoming>.pill{margin-left:auto}.connector{display:flex;align-items:center;gap:15px;margin-left:28px;height:51px}.connector>span{font-size:24px;color:#8b9e77}.connector small{font-size:9px;color:#60734c}.output-card{background:var(--ink);color:var(--paper);border-radius:8px;padding:18px;box-shadow:0 10px 18px #233d2315}.output-title{display:flex;align-items:center;gap:10px;font-size:12px}.output-title>.mini-icon{background:var(--lime);border:0;color:var(--ink)}.output-title>span:last-child{margin-left:auto;color:var(--lime);font-size:20px}.mock-lines{display:grid;gap:7px;margin:17px 0 20px 42px}.mock-lines span{height:4px;background:#63705d;border-radius:5px;width:85%}.mock-lines span:last-child{width:57%}.output-bottom{border-top:1px solid #40513f;padding-top:13px;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:8px;color:#c6d5bc}.output-bottom .pill{background:#344833;color:#d6f48b}.demo-note{font-size:9px;color:#61714e;margin:18px 0 0}.preview-bottom{border-top:1px solid #cbd4bd;border-bottom:0;font-size:7px;padding:13px 22px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.strip .wrap>span:last-child{font-size:8px;letter-spacing:1.5px}.strip b{color:var(--accent);padding:0 25px;font-size:16px}.section{padding-top:100px;padding-bottom:100px}.section-top{display:grid;grid-template-columns:1.2fr 1fr;gap:20px 100px;align-items:end}.section-top .eyebrow{grid-column:1/-1;margin-bottom:8px}h2{font-size:clamp(34px,3.8vw,50px);letter-spacing:-2px}.section-top>p:last-child{max-width:310px;color:var(--muted);margin:0 0 3px;font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.services article{padding:28px;position:relative;border:1px solid var(--line);border-radius:13px;background:#f0f2e7;transition:background .2s,transform .2s}.services article:hover{background:#e9eedc;transform:translateY(-4px)}.services article:nth-child(2){background:#e5ebd9}.services article:nth-child(3){background:#dce6ca}.service-icon{font-size:28px;margin-bottom:35px}.num{position:absolute;right:28px;top:35px;font-size:9px;color:#6a785e}h3{font-size:25px;letter-spacing:-.9px;line-height:1.2}.services p{font-size:13px;color:var(--muted);min-height:86px;margin:18px 0 24px}.example{border-top:1px solid #c9d2bf;padding-top:20px;font-size:11px;line-height:1.7}.example span{display:block;font-size:7px;letter-spacing:1.5px;color:#65745d;margin-bottom:8px}.caption{font-size:10px;color:var(--muted);margin-top:20px}.process{background:var(--ink);color:var(--paper);position:relative}.process em{color:var(--lime)}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px}.process .eyebrow{color:#b5c8a4}.process-intro{color:#bbc8b4;max-width:360px;font-size:13px;margin-top:25px}.steps article{display:flex;gap:25px;padding:27px 0;border-top:1px solid #40513f}.steps article:last-child{border-bottom:1px solid #40513f}.steps article>span{font-size:11px;padding-top:4px;color:var(--lime)}.steps h3{font-size:20px;letter-spacing:-.5px}.steps p{font-size:13px;color:#bbc8b4;margin:12px 0 0}.contact{display:grid;grid-template-columns:1fr 1.12fr;gap:100px;align-items:start}.contact>div{position:sticky;top:35px}.contact>div>p:not(.eyebrow){max-width:340px;color:var(--muted);font-size:14px;margin:26px 0}.email{display:inline-block;font-size:16px;border-bottom:1px solid #96a28c;padding-bottom:5px}.contact>div .contact-note{font-size:11px!important}.contact form{background:#fff;border:1px solid var(--line);border-radius:13px;padding:32px;box-shadow:0 15px 50px -35px #293b2350;display:flex;flex-direction:column}.form-top{order:-2;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:12px}.required-note{order:-1;font-size:10px;color:var(--muted);margin:0}label{display:block;font-size:11px;font-weight:550;margin:17px 0 7px}label span{color:#637a46}input,textarea{display:block;width:100%;background:#f7f8f2;border:1px solid #d6ddcf;border-radius:6px;padding:12px;font-size:12px;color:var(--ink);resize:vertical}input:hover,textarea:hover{border-color:#a8b99a}input::placeholder,textarea::placeholder{color:#778273}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}form .button{width:100%;margin-top:24px}.form-note{font-size:10px;color:var(--muted);line-height:1.65;margin:14px 0}.copy{padding:0;background:none;border:0;border-bottom:1px solid #b9c3af;color:var(--ink);font-size:11px;cursor:pointer;width:fit-content;min-height:32px}#status,#fallback{font-size:12px}#status:empty{display:none}#fallback{margin-bottom:12px}#manual-copy{margin-bottom:12px}[hidden]{display:none!important}footer{border-top:1px solid var(--line);padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:20px}footer .mark{width:32px;height:32px;font-size:20px}footer>span{font-size:10px;color:var(--muted)}@media(max-width:950px){.hero{gap:35px}h1{font-size:60px}.preview-body{padding:24px 20px}.services article{padding:22px}.services p{min-height:110px}.section-top,.process-grid,.contact{gap:50px}.strip b{padding:0 12px}.form-grid{grid-template-columns:1fr;gap:0}}@media(max-width:700px){header{height:80px}nav{gap:15px}nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding:48px 0 55px;gap:42px}h1{font-size:clamp(53px,10vw,73px);letter-spacing:-3px}.intro{font-size:15px}.lab-preview{transform:rotate(0);max-width:500px;width:100%;margin:auto}.preview-body{padding:26px}.preview-body h2{font-size:32px}.eyebrow{font-size:9px;letter-spacing:1.2px}.strip .wrap{align-items:start;flex-direction:column;gap:9px}.strip .wrap>span:last-child{font-size:7px;letter-spacing:1px}.strip b{padding:0 8px}.section{padding-top:60px;padding-bottom:60px}.section-top,.process-grid,.contact{grid-template-columns:1fr;gap:25px}h2{font-size:38px}.services{grid-template-columns:1fr;gap:12px;margin-top:28px}.services article{padding:27px}.services h3 br{display:none}.service-icon{margin-bottom:24px}.services p{min-height:0;max-width:440px}.example{font-size:12px}.num{right:27px}.process-intro{max-width:440px}.contact>div{position:static}.contact{gap:30px}.contact form{padding:24px}.form-grid{grid-template-columns:1fr}.caption{font-size:9px}footer{align-items:start;flex-wrap:wrap}footer>span:nth-child(2){display:none}footer>span:last-child{font-size:9px}.demo-tabs button{padding:10px 12px;min-height:40px;font-size:10px}.incoming strong{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.lab-preview{transform:none}}
/* Final refinements: stronger type hierarchy and comfortable touch controls. */
nav .nav-cta{font-size:12px}.hero-copy .button{background:#d7f58b;color:#172720;box-shadow:0 4px 12px #18351d09}.hero-copy .button:hover{background:#c4e96b}.demo-tabs button{min-height:44px}.copy{min-height:44px}.preview-body h2{font-size:30px}.contact .eyebrow{margin-bottom:24px}@media(max-width:700px){nav .nav-cta{padding:8px 13px;font-size:10px}nav .nav-cta span{margin-left:10px}.preview-body{padding:22px}.preview-body h2{font-size:29px}.output-bottom{font-size:7px}.email{font-size:15px}input,textarea{font-size:16px}.form-note{font-size:11px}}
/* Larger primary hero action. */
.hero-copy .button{font-size:17px;padding:22px 30px;gap:42px;min-height:72px;max-width:100%}.hero-copy .button span{font-size:28px}@media(max-width:700px){.hero-copy .button{font-size:16px;padding:20px 25px;gap:25px;min-height:68px}.hero-copy .button span{font-size:26px}}
.working-demo{padding-top:0}.demo-workbench{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:36px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.demo-workbench>form,.brief-result{padding:30px}.demo-workbench>form{display:block}.demo-workbench>form>.form-top{margin-bottom:20px}.demo-workbench textarea{font-size:14px;line-height:1.7}.demo-workbench .button{width:100%;margin:20px 0 8px}.brief-result{background:#eaf0df;border-left:1px solid var(--line)}.brief-result .form-top{margin-bottom:23px}#demo-state{font-size:13px;color:var(--muted)}.brief-result dl{margin:0}.brief-result dl>div{border-bottom:1px solid #cdd6c1;padding:15px 0}.brief-result dt{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#58694a;margin-bottom:6px}.brief-result dd{font-size:13px;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-disclosure{font-size:11px;line-height:1.7;color:var(--muted);max-width:900px;margin:20px 0 0}.demo-disclosure strong{color:var(--ink)}.brief-result .copy{margin-top:14px}@media(max-width:700px){.demo-workbench{grid-template-columns:1fr}.brief-result{border-left:0;border-top:1px solid var(--line)}.demo-workbench>form,.brief-result{padding:24px}.demo-workbench textarea{font-size:16px}.detail-pair{grid-template-columns:1fr}.demo-disclosure{font-size:11px}}

.footer-social{display:flex;gap:20px;font-size:12px}.footer-social a{padding:10px 0}@media(max-width:700px){.footer-social{width:100%;gap:25px}}