@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{--green:#123b2d;--green2:#1c5b43;--lime:#c8e6a0;--ink:#17251f;--muted:#66756d;--cream:#f7f8f2;--line:#e4e9e1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:var(--green);font-weight:800;letter-spacing:.08em;text-decoration:none;font-family:Manrope,sans-serif}.brand small{display:block;font-size:9px;letter-spacing:.22em;margin-top:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--green);color:white;font-size:22px}.topbar nav{display:flex;align-items:center;gap:28px}.topbar nav a{font-size:13px;color:#405047;text-decoration:none}.topbar nav .nav-cta{background:var(--green);color:white;padding:12px 17px;border-radius:8px}.hero{background:var(--cream);padding:86px max(8vw,28px) 92px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;min-height:570px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;color:var(--green2)}h1,h2{font-family:Manrope,sans-serif}h1{font-size:clamp(42px,5.2vw,68px);line-height:1.06;letter-spacing:-.055em;margin:18px 0}.hero h1 em{font-style:normal;color:var(--green2)}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:490px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-block;text-decoration:none;border-radius:8px;padding:14px 19px;font-weight:700;font-size:13px}.primary{background:var(--green);color:white}.secondary{border:1px solid #cbd5ca;color:var(--green)}.note{font-size:11px;color:#87938a;margin-top:20px}.hero-card{background:white;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 22px 60px #163b2b12;max-width:470px;width:100%;justify-self:center}.card-head,.progress-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700}.live-dot{font-size:10px;color:var(--green2)}.metric-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.metric-row>div{background:#f5f8f2;border-radius:12px;padding:17px}.metric-row small,.order small{display:block;color:#7b887e;font-size:11px}.metric-row strong{font:800 32px Manrope;color:var(--green)}.progress-label{font-size:11px;color:#65736a}.progress{height:7px;background:#e8eee6;border-radius:8px;margin:10px 0 23px;overflow:hidden}.progress span{display:block;width:68%;height:100%;background:#78a86b;border-radius:8px}.order{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0eb}.bubble{width:32px;height:32px;border-radius:10px;background:#edf4e8;display:grid;place-items:center;color:var(--green);font-weight:700;font-size:11px}.order div{flex:1}.order b{font-size:12px}.status{font-size:10px;background:#fff3d8;color:#9a6a18;padding:6px 8px;border-radius:20px}.status.ready{background:#e8f4e7;color:#397343}.demo-disclaimer{font-size:9px;color:#a0aaa2;text-align:right;margin:12px 0 0}.features{padding:72px max(8vw,28px);display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.features>div{max-width:310px}.feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#edf4e8;color:var(--green);font-size:20px}.features h2{font-size:17px;margin:18px 0 8px}.features p,.owner-band p{font-size:13px;line-height:1.7;color:var(--muted)}.owner-band{margin:0 max(6vw,20px) 70px;background:var(--green);color:white;border-radius:18px;padding:42px 5vw;display:flex;justify-content:space-between;align-items:center;gap:24px}.owner-band .eyebrow{color:var(--lime)}.owner-band h2{font-size:26px;margin:10px 0}.owner-band p{color:#d0ddd4;max-width:560px}.light{background:white;color:var(--green);white-space:nowrap}footer{border-top:1px solid var(--line);padding:24px max(6vw,24px);display:flex;justify-content:space-between;color:#829087;font-size:11px}@media(max-width:760px){.topbar{height:auto;padding:18px 22px}.topbar nav{gap:12px}.topbar nav a:not(.nav-cta){display:none}.topbar nav .nav-cta{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding:60px 25px;gap:38px}.hero-card{max-width:100%}.features{grid-template-columns:1fr;padding:48px 28px;gap:28px}.owner-band{margin:0 18px 45px;padding:30px;align-items:flex-start;flex-direction:column}.owner-band h2{font-size:22px}footer{gap:10px;flex-direction:column}}