:root{--ink:#203127;--green:#286243;--leaf:#6d9b55;--lime:#cfe29d;--cream:#f4f0e3;--card:#fff;--muted:#738079;--line:#dce3da}*{box-sizing:border-box}body{margin:0;background:#f5f7f1;color:var(--ink);font:15px/1.55 Inter,system-ui,sans-serif}.app{min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#183d2a;color:white;padding:28px 20px;display:flex;flex-direction:column;justify-content:space-between}.logo{font:800 1.5rem Georgia,serif;text-decoration:none;color:white;letter-spacing:.08em}.logo span{display:block;font:600 .62rem system-ui;text-transform:uppercase;letter-spacing:.16em;color:#b9d5c1}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#bad0c1;padding:11px 13px;border-radius:10px;text-align:left;font:700 14px inherit;cursor:pointer}nav button.active,nav button:hover{background:#2c5a40;color:white}.demo{border:1px solid #477059;border-radius:12px;padding:11px;font-size:.75rem}.demo small{color:#a8c3b0}main{margin-left:230px;padding:30px;max-width:1400px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:850;font-size:.68rem;color:#598167}h1,h2,h3,p{margin-top:0}h1{font:700 2.5rem Georgia,serif;margin:0}.avatar,.big-avatar{display:grid;place-items:center;border-radius:50%;background:#d5e5c6;color:#2d6044;font-weight:850}.avatar{width:45px;height:45px}.hero{min-height:430px;border-radius:26px;background:linear-gradient(125deg,#e7ead4,#d7e7c7);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:44px}.hero h2{font:500 clamp(2.7rem,5vw,4.8rem)/.95 Georgia,serif;letter-spacing:-.04em}.hero h2 em{color:var(--green);font-weight:400}.hero p{max-width:560px;color:#5f6e63}.hero button,button{border:0;background:var(--green);color:#fff;border-radius:999px;padding:11px 17px;font-weight:750;cursor:pointer}.tree-wrap{position:relative;min-height:330px}.ground{position:absolute;bottom:30px;left:3%;right:3%;height:60px;border-radius:50%;background:#789258}.sun{position:absolute;width:140px;height:140px;border-radius:50%;background:#f5d27d;right:20px;top:10px;box-shadow:0 0 55px #fff2b5}.tree{position:absolute;left:50%;bottom:70px;width:270px;height:280px;transform:translateX(-50%)}.trunk{position:absolute;bottom:0;left:118px;width:42px;height:160px;background:linear-gradient(90deg,#6b4932,#8d6646);border-radius:50% 50% 8px 8px}.crown{position:absolute;border-radius:50%;background:var(--leaf);box-shadow:inset -18px -12px rgba(32,95,59,.15)}.c1{width:160px;height:150px;left:5px;top:55px}.c2{width:170px;height:160px;right:0;top:50px}.c3{width:150px;height:145px;left:60px;top:0;background:#81a95f}.c4{width:120px;height:100px;left:82px;top:90px;background:#5c914f}.tree-wrap>span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:white;border-radius:999px;padding:7px 13px;font-size:.75rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat,.card{background:white;border:1px solid var(--line);border-radius:18px;padding:22px}.stat strong{font:700 2rem Georgia,serif;display:block}.stat span,.muted{color:var(--muted)}.section-head{display:flex;justify-content:space-between}.text{background:transparent;color:var(--green);padding:0}.pact{padding:14px 0;border-bottom:1px solid var(--line)}.pact:last-child{border:0}.pact-top{display:flex;justify-content:space-between}.tag{background:#edf4e5;color:#4f753e;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:800}.bar,.progress{height:8px;background:#e8ece5;border-radius:999px;overflow:hidden;margin:9px 0}.bar i,.progress i{height:100%;background:linear-gradient(90deg,#377052,#9cc568);display:block}.pact-actions{display:flex;justify-content:space-between;align-items:center}.two{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.card h2{font:700 1.8rem Georgia,serif}label{font-weight:750;font-size:.8rem;display:block;margin-bottom:13px}input,select{display:block;width:100%;margin-top:5px;border:1px solid #bcc9bf;border-radius:10px;padding:11px;font:inherit}.message{color:var(--green);margin-top:10px}.messages{min-height:320px;max-height:450px;overflow:auto}.bubble{background:#eef3e9;border-radius:14px;padding:10px 13px;margin:8px 0}.bubble strong{display:block;font-size:.75rem}.message-form{display:flex;gap:8px;margin-top:15px}.message-form input{margin:0}.prompt{text-align:center;display:grid;place-items:center;align-content:center;background:#e3edd2}.prompt>span{font-size:5rem}.profile{text-align:center;max-width:550px;margin:auto}.big-avatar{width:110px;height:110px;margin:0 auto 15px;font-size:2.2rem}.progress{height:12px}.progress i{width:67%}@media(max-width:800px){aside{position:static;width:100%;gap:20px}aside nav{display:flex;overflow:auto}main{margin:0;padding:16px}.hero,.two{grid-template-columns:1fr}.tree-wrap{min-height:350px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:500px){.hero{padding:25px}.hero h2{font-size:3rem}.stats{grid-template-columns:1fr}.message-form{display:block}.message-form button{margin-top:8px;width:100%}}