
:root{font-family:Arial,sans-serif;color:#173d33;background:#f5f5ef;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{display:inline-block;border:0;border-radius:8px;background:#173d33;color:white;padding:12px 18px;cursor:pointer;font-weight:700;text-decoration:none}button.secondary,.secondary{background:#e8ede4;color:#173d33}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #cf873b;outline-offset:3px}.preview{padding:10px 20px;background:#dbe7cd;text-align:center;font-size:12px;letter-spacing:.05em}.brand{text-decoration:none;display:flex;align-items:center;gap:12px;font-weight:800;max-width:350px}.mark{display:grid;place-items:center;width:44px;height:44px;background:#173d33;color:#dbe7cd;border-radius:50%;flex-shrink:0;font-family:Georgia,serif;font-size:28px}.brand small{display:block;font-size:11px;font-weight:400;margin-top:5px;letter-spacing:.08em}.public-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5vw;border-bottom:1px solid #d8dfd4}.public-head nav{display:flex;align-items:center;gap:24px}.hero{padding:70px 6vw;display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700;color:#64765b}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,68px);letter-spacing:-.045em;line-height:1.04;margin:18px 0 24px}h2{font-family:Georgia,serif;font-weight:400;font-size:29px;margin:0 0 18px}h3{font-size:17px}p{line-height:1.65}small,.muted{color:#5b6e63;font-size:13px;line-height:1.6}.landscape{height:380px;border-radius:120px 12px 120px 12px;overflow:hidden;background:#b8c99d;position:relative}.landscape svg{width:100%;height:100%}.landscape .caption{position:absolute;bottom:26px;left:26px;background:#f5f5ef;padding:16px 24px;border-radius:8px}.section{padding:40px 6vw}.cards,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.panel{background:#fff;border:1px solid #dce2d8;border-radius:12px;padding:24px;margin-bottom:20px}.tags{display:flex;gap:9px;flex-wrap:wrap}.tag,.status{display:inline-block;background:#edf2e9;border-radius:30px;padding:6px 12px;font-size:12px}.layout{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 34px)}aside{background:#173d33;color:#fff;padding:28px 20px}aside .mark{background:#dbe7cd;color:#173d33}aside .brand small{color:#c2d0c4}aside nav{display:grid;gap:8px;margin-top:40px}aside nav a{text-decoration:none;padding:13px;border-radius:8px;color:#c8d9cf;font-size:14px}aside nav a.active{background:#dbe7cd;color:#173d33;font-weight:bold}main.workspace{padding:32px 4vw;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.top h1{font-size:38px;margin:6px 0}.stats{grid-template-columns:repeat(4,1fr)}.stat strong{display:block;font-family:Georgia,serif;font-size:32px;margin:12px 0 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.row{display:flex;align-items:center;gap:15px;border-top:1px solid #e5e9e1;padding:17px 0}.row:first-child{border-top:0}.row .grow{flex:1}.number{background:#e7edde;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0}.row p{margin:4px 0}.table{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px;white-space:nowrap}th,td{padding:16px 12px;border-bottom:1px solid #e5e9e1}th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#64765b}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;font-weight:700;margin:10px 0 6px}input,select,textarea{width:100%;background:#fff;border:1px solid #c5d0c0;border-radius:7px;padding:12px;color:#173d33}textarea{min-height:85px}.full{grid-column:1/-1}form button{margin-top:18px}.notice{padding:14px 18px;background:#e7edde;border-radius:8px;font-size:13px;line-height:1.6;margin-bottom:20px}.route-map{width:100%;height:auto;background:#eff1e8;border-radius:10px}.route-map text{font:12px Arial,sans-serif;fill:#173d33}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions button{font-size:12px;padding:8px 11px}.result{padding:12px 0;font-weight:bold}.footer{padding:32px 6vw;border-top:1px solid #d8dfd4}.danger{color:#873d30}dialog{border:0;border-radius:14px;max-width:620px;width:95%;padding:28px}dialog::backdrop{background:#173d3377}@media(max-width:900px){.layout{grid-template-columns:190px minmax(0,1fr)}.two,.hero{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.hero{gap:30px;padding-top:35px}.cards{grid-template-columns:1fr}.public-head{flex-wrap:wrap}.public-head nav{gap:14px;flex-wrap:wrap}}@media(max-width:600px){.layout{display:block}aside{padding:16px}aside nav{display:flex;overflow:auto;margin:16px 0 0;gap:4px}aside nav a{white-space:nowrap;padding:10px}.workspace{padding:22px 16px!important}.fields{grid-template-columns:1fr}.stats{gap:10px}.card,.panel{padding:18px}.top{align-items:flex-start}.top h1{font-size:32px}.landscape{height:260px}.hero h1{font-size:46px}.full{grid-column:auto}}


.demo-return{display:flex;justify-content:space-between;gap:16px;padding:12px 5%;background:#111;color:white;font-size:13px}.demo-return a{color:white;text-underline-offset:4px}@media(max-width:600px){.demo-return span{display:none}}
/* White canvas and vivid lawn-green accents */
:root{background:#fff;color:#163b27}body,main.workspace,.public-head{background:#fff}.preview{background:#e5f8e9;color:#155d30}.public-head{border-bottom:1px solid #d8eedc}.eyebrow{color:#16803d}button,.button,.mark{background:#16803d;color:white}button:hover,.button:hover{background:#106630}button.secondary,.secondary{background:#e7f7eb;color:#126731}.landscape{height:430px;background:#e5f8e9;border-radius:18px;box-shadow:12px 12px 0 #def6e4}.landscape img{width:100%;height:100%;object-fit:cover}.landscape .caption{background:white;border-left:5px solid #21a04d;padding:16px 22px;box-shadow:0 4px 20px #103b201c}.landscape .caption strong{color:#147736;font-size:24px}.hero h1{color:#126731}.card,.panel{border-color:#d5e9db}.cards .card{border-top:4px solid #1e9347}.tag,.status,.notice,.number{background:#e8f8ec;color:#155b2c}aside{background:#09612b}aside nav a.active{background:#b6f4c7;color:#08421e}aside .mark{background:#b6f4c7;color:#08421e}.route-map{background:#f2fbf4}.photo-credit{font-size:11px;color:#526759}.demo-return{background:#063b1b}.public-head nav a{color:#126731;font-weight:700}@media(max-width:600px){.landscape{height:300px;box-shadow:7px 7px 0 #def6e4}.hero{padding-bottom:28px}.landscape .caption{bottom:18px;left:18px}}

.lawn-logo{width:72px;height:72px;object-fit:contain;background:white;border-radius:50%;flex-shrink:0}.public-head .brand{max-width:410px}.public-head .brand>span{font-family:Georgia,serif;font-size:21px;line-height:1.2}.public-head .brand small{font-family:Arial,sans-serif;font-size:10px;line-height:1.5}aside .lawn-logo{width:48px;height:48px}.landscape img{object-position:center}@media(max-width:600px){.lawn-logo{width:62px;height:62px}.public-head .brand>span{font-size:19px}}

.demo-legal{text-align:center;padding:20px;background:#fff;font-size:13px;color:#155b2c}
