:root{--paper:#f4f3ec;--ink:#172b26;--green:#123d36;--lime:#dceaac;--muted:#586760;--line:#d3d8ce;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b45c30;outline-offset:4px}button,a{touch-action:manipulation}button{cursor:pointer}h1,h2,h3,p{margin:0}em{font-style:normal;color:#477462}.preview{background:#dce6d9;text-align:center;padding:9px 18px;font-size:12px;color:#244c3b}.preview span{font-weight:700;letter-spacing:1px;margin-right:10px}header,main,footer{max-width:1320px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{display:inline-flex;gap:10px;align-items:center;font-size:31px;font-weight:700;letter-spacing:-1.7px}.brand span{font-size:11px;align-self:flex-start;margin-top:7px;margin-left:-4px}nav{display:flex;align-items:center;gap:35px;font-size:14px}.nav-cta{border:1px solid var(--ink);padding:10px 18px;border-radius:5px}.nav-cta span{margin-left:18px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;padding:50px 5% 90px;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:#527e3f;border-radius:50%}h1{font-size:clamp(64px,6.8vw,92px);line-height:.99;letter-spacing:-5px;font-weight:500;margin:29px 0 25px}.intro{max-width:440px;font-size:18px;line-height:1.65;color:#4a5c52}.actions{display:flex;gap:24px;align-items:center;margin:30px 0 20px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 21px;border-radius:5px;border:0;font-size:14px;font-weight:700;transition:background .15s}.dark{background:var(--green);color:white}.dark:hover{background:#236051}.light{background:var(--lime);color:var(--green)}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.micro{font-size:11px;color:var(--muted);line-height:1.6}.hero-art{position:relative;isolation:isolate;min-height:505px;background:#e3e7dd;border-radius:9px;padding:27px 37px 40px;overflow:hidden}.draft-label{font-size:10px;letter-spacing:2px;color:#58695e}.raw-message{position:relative;width:89%;margin:27px 0 0;background:#f4f5ef;padding:20px 22px;border:1px solid #cdd6c8;border-radius:4px;transform:rotate(-3deg);box-shadow:0 8px 18px #142e2310}.tiny{font-size:9px;letter-spacing:1.4px;font-weight:700}.raw-message p{font-size:17px;line-height:1.5;margin:10px 0 15px}.thread-line{height:4px;border-radius:2px;background:#d5ddcd;width:56%}.lead-sheet{position:relative;z-index:2;background:var(--white);padding:23px 25px 0;margin-top:19px;margin-left:17px;border-radius:5px;box-shadow:0 18px 30px #1f32251c;transform:rotate(2deg)}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.status{font-size:10px;background:#e8edc9;color:#445626;border-radius:30px;padding:4px 9px;white-space:nowrap}.lead-sheet h2{font-size:31px;font-weight:500;line-height:1.1;letter-spacing:-1px;margin:24px 0}.sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 8px}.sheet-grid span{display:block;font-size:10px;color:#6f786e}.sheet-grid strong{font-size:12px;font-weight:500}.sheet-foot{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid var(--line);margin-top:25px;padding:15px 0}.ref{letter-spacing:1px;color:#687561}.orb{position:absolute;z-index:-1;width:230px;height:230px;background:var(--lime);border-radius:100%;right:-90px;bottom:-70px}.divider-line{margin:0 5%;border-top:1px solid #b8c1b4;display:flex;justify-content:space-between;gap:20px;padding-top:15px;font-size:10px;letter-spacing:1px;color:var(--muted)}.problem{padding:65px 5% 35px;display:grid;grid-template-columns:1.4fr 1fr;gap:10%}h2{font-size:clamp(32px,3.5vw,49px);font-weight:500;line-height:1.12;letter-spacing:-1.9px}.problem-copy p{font-size:15px;color:var(--muted);margin-bottom:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:25px 5% 95px}.steps article{border-top:1px solid var(--line);padding-top:20px}.number{font-size:11px;color:#6a7a64}.steps h3{font-size:21px;font-weight:500;letter-spacing:-.7px;margin:30px 0 12px}.steps p{font-size:14px;color:var(--muted);max-width:310px}.demo-section{background:var(--green);color:#f4f4e7;margin:0 2%;border-radius:9px;padding:65px 4%;display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}.demo-heading h2{margin:27px 0 23px}.demo-heading>p:not(.eyebrow){font-size:15px;color:#d3dfd6;max-width:340px}.demo-heading .demo-note{margin-top:27px;padding-top:21px;border-top:1px solid #6b8374;font-size:12px!important;color:#ccdbcd!important}.demo-workspace{background:var(--paper);color:var(--ink);border-radius:6px;min-width:0;overflow:hidden}.demo-tabs{display:flex;border-bottom:1px solid var(--line);background:#e9ede2}.demo-tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;padding:17px 6px;color:#59675b;font-size:12px;font-weight:700}.demo-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);background:var(--paper)}#count{background:#d5dec9;border-radius:4px;padding:2px 5px;margin-left:3px}#form-panel,#board-panel{padding:26px}label{font-size:12px;display:block;font-weight:700;margin-bottom:17px}select,input{display:block;width:100%;margin-top:7px;border:1px solid #bdc6b7;background:#fffef9;color:var(--ink);border-radius:4px;padding:11px;font-size:13px;min-height:44px}.two-col{display:grid;grid-template-columns:1.4fr 1fr;gap:13px}.sample-contact{background:#e6eadd;padding:12px;margin-bottom:17px;font-size:10px;overflow-wrap:anywhere}.full{width:100%}.feedback{font-size:12px;color:var(--green);margin-top:12px}.feedback.error{color:#9c3025}.board-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.plain{font-size:10px;border:0;background:none;text-decoration:underline;color:var(--muted);padding:8px 0}.request{border-bottom:1px solid var(--line);padding:16px 0}.request:first-child{padding-top:0}.request h3{font-size:17px;font-weight:500;margin:4px 0 8px}.request p{font-size:12px;color:var(--muted)}.request select{font-size:12px;max-width:210px;padding:8px;min-height:40px}.request .meta{font-size:9px;font-weight:700;color:#607253;letter-spacing:1px}.empty{padding:30px 0;font-size:14px;color:var(--muted)}#board-panel .micro{margin-top:18px}.scope{padding:100px 5%;display:grid;grid-template-columns:1fr 1.15fr;gap:13%}.scope h2{margin:25px 0}.scope>div>p:not(.eyebrow){max-width:330px;color:var(--muted);font-size:15px;margin-bottom:25px}.scope-list>div{position:relative;padding:0 0 25px 40px;margin-bottom:24px;border-bottom:1px solid var(--line)}.scope-list span{position:absolute;left:0;top:4px;font-size:11px;color:var(--muted)}.scope-list h3{font-size:21px;font-weight:500;margin-bottom:8px;letter-spacing:-.5px}.scope-list p{color:var(--muted);font-size:14px}.faq{padding:0 5% 100px;display:grid;grid-template-columns:1fr 1.15fr;gap:13%}.faq h2{font-size:34px}.faq details{border-top:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:700}.faq p{font-size:14px;color:var(--muted);margin-top:14px}.closing{background:#dce8bc;margin:0 2%;padding:60px 4%;border-radius:9px;display:grid;grid-template-columns:1fr 1fr;gap:30px 10%}.closing .eyebrow{grid-column:1/-1}.closing p:not(.eyebrow){font-size:15px;margin-bottom:20px}.closing .button{background:var(--green);color:#fff}.closing small{display:block;max-width:340px;font-size:11px;margin-top:15px;color:#526044}footer{padding:40px 5%;display:flex;align-items:center;gap:25px;justify-content:space-between}footer .brand{font-size:25px}footer p,footer>span{font-size:11px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:900px){h1{font-size:69px;letter-spacing:-4px}.hero-art{padding:25px;min-height:460px}.actions{flex-wrap:wrap;gap:18px}.hero{gap:4%;padding-top:25px}.lead-sheet{margin-left:5px;padding:20px 20px 0}.lead-sheet h2{font-size:27px}.sheet-top .tiny{font-size:8px}.demo-section{gap:5%;grid-template-columns:.8fr 1.2fr}#form-panel,#board-panel{padding:20px}footer{flex-wrap:wrap}}@media(max-width:800px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:35px}}@media(max-width:650px){.preview{font-size:10px;padding:8px 14px}.preview span{display:block}header{height:80px;padding:0 6%}.brand{font-size:27px}.brand img{width:29px;height:29px}nav{gap:17px;font-size:12px}nav>a:first-child{display:none}.nav-cta{padding:8px 10px}.nav-cta span{margin-left:7px}.hero{display:flex;flex-direction:column;padding:28px 6% 50px;gap:35px;align-items:stretch}.eyebrow{font-size:9px;letter-spacing:1.1px}h1{font-size:clamp(52px,calc(14vw + 10px),70px);letter-spacing:-4px;margin-top:25px}.intro{font-size:16px}.actions{gap:18px;margin-top:25px}.button{font-size:12px;padding:16px}.hero-art{padding:25px;min-height:445px}.raw-message{margin-top:20px}.raw-message p{font-size:16px}.lead-sheet{margin-left:12px}.lead-sheet h2{font-size:30px}.divider-line{margin:0 6%;font-size:8px}.divider-line>span:last-child{text-align:right}.problem{display:block;padding:45px 6% 10px}.problem h2{font-size:34px}.problem-copy{margin-top:25px}.steps{padding:20px 6% 50px;grid-template-columns:1fr;gap:25px}.steps article{display:grid;grid-template-columns:28px 1fr;gap:8px}.steps h3{margin:0;line-height:1.2}.steps p{grid-column:2;max-width:none}.demo-section{display:block;padding:38px 6%;margin:0 3%}.demo-heading h2{font-size:38px}.demo-heading>p:not(.eyebrow){max-width:none}.demo-heading .demo-note{margin-bottom:28px}.two-col{grid-template-columns:1fr 1fr;gap:10px}.two-col label{font-size:11px}.demo-tabs button{font-size:11px;padding:15px 4px}#form-panel,#board-panel{padding:18px}.scope{display:block;padding:55px 6% 30px}.scope-list{margin-top:40px}.scope h2{font-size:38px}.faq{display:block;padding:0 6% 45px}.faq h2{margin-bottom:25px;font-size:32px}.closing{display:block;margin:0 3%;padding:37px 6%}.closing h2{font-size:37px;margin:25px 0}.closing>div{margin-top:25px}.closing small{max-width:none}footer{padding:30px 6%;gap:12px}footer p{max-width:170px}footer>span{flex-basis:100%}.board-top{align-items:flex-start;gap:15px}.board-top .tiny{max-width:140px}.plain{padding-top:0;min-height:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
