@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{--ink:#18342c;--muted:#70857b;--paper:#f7faf8;--white:#fff;--line:#e3ece7;--green:#2f8060;--deep:#1d5440;--pale:#e7f3eb;--sand:#f5f0e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans','Segoe UI',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.header{display:flex;width:min(1240px,calc(100% - 64px));height:86px;margin:auto;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:10px;color:var(--deep);font-size:18px;font-weight:700;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap}.brand-name{color:var(--deep)}.brand-name span{color:var(--green)}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;color:#e9f7dc;background:var(--deep);font-size:14px}.header nav{display:flex;gap:30px;margin-left:auto;color:var(--muted);font-size:12px}.header nav a:hover{color:var(--green)}.button{display:inline-block;padding:15px 19px;border:1px solid var(--deep);border-radius:5px;color:#f7fff9;background:var(--deep);font-size:12px;font-weight:700;transition:.2s}.button:hover{background:var(--green);transform:translateY(-2px)}.outline{padding:11px 14px;color:var(--deep);background:transparent;border-color:#b8d0c1;font-size:11px}.menu{display:none;border:0;background:none;color:var(--deep);font-size:24px}.eyebrow{margin:0;color:var(--green);font-size:10px;font-weight:700;letter-spacing:.18em}.hero{display:grid;min-height:600px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:64px 0 90px}.hero h1,h2{margin:23px 0 20px;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(48px,5.7vw,76px);font-weight:400;letter-spacing:-.06em;line-height:.96}.hero h1 i,h2 i{color:var(--green);font-style:italic}.lead{max-width:450px;color:var(--muted);font-size:15px;line-height:1.75}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.link{color:var(--green);font-size:12px;font-weight:700}.proof{margin-top:50px;color:var(--muted);font-size:10px}.hero-art{position:relative;height:475px;overflow:hidden;border-radius:46% 46% 8px 8px;background:linear-gradient(180deg,#dae8d8,#f4ead2 62%,#d5b77a);isolation:isolate}.sun{position:absolute;top:74px;right:100px;width:84px;height:84px;border-radius:50%;color:#d9b975;background:#efd492;box-shadow:0 0 0 22px #efd49228,0 0 0 45px #efd4921c;text-align:center;padding-top:25px}.rings{position:absolute;top:65px;right:-85px;width:510px;height:220px;border:1px solid #fff8;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 0 44px #fff2,0 0 0 88px #fff1}.hill{position:absolute;right:-10%;bottom:-10%;width:120%;height:48%;border-radius:50% 50% 0 0}.back{background:#8db098;transform:rotate(-5deg);bottom:1%}.front{background:#416b54;bottom:-13%;transform:rotate(4deg)}.solar-panel{position:absolute;bottom:58px;left:72px;display:grid;width:260px;height:145px;grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;border:7px solid #526e63;border-radius:5px;background:#66877a;box-shadow:25px 19px 0 -4px #d6be8b;transform:skewY(-12deg) rotate(-5deg)}.solar-panel span{border:1px solid #a9d0c0;background:linear-gradient(135deg,#2e615a,#9bb9a1)}.hero-art>small{position:absolute;right:25px;bottom:22px;color:#e4f1db;font-size:8px;letter-spacing:.2em;line-height:1.7;text-align:right}.signal{display:flex;align-items:center;justify-content:space-between;padding:32px max(32px,calc((100% - 1160px)/2));color:#e9f6eb;background:var(--deep)}.signal strong{font-family:'DM Serif Display',Georgia,serif;font-size:22px;font-weight:400}.signal span{color:#a9c8b3;font-size:11px}.signal b{color:#cce8a5;font-size:35px}.product{padding:130px 0}.intro{max-width:560px}.intro h2,.how h2,.cta h2{font-size:clamp(38px,4.5vw,58px)}.intro>p:last-child,.how>div>p{color:var(--muted);font-size:14px;line-height:1.7}.center{margin:auto;text-align:center}.app-preview{display:flex;margin-top:65px;overflow:hidden;border:1px solid #d7e3dc;border-radius:13px;background:#eef5f0;box-shadow:0 30px 70px #1d544014}.app-preview aside{display:flex;width:180px;flex:0 0 180px;flex-direction:column;gap:15px;padding:22px 13px;color:#789083;background:#fff;font-size:9px}.app-preview aside>b{color:var(--deep);font-size:10px}.app-preview aside>b span{color:var(--green)}.app-preview aside small{margin-top:22px;font-size:7px;letter-spacing:.15em}.app-preview aside strong{padding:10px 9px;border-radius:5px;color:var(--deep);background:var(--pale)}.app-preview aside>span{padding:4px 9px}.app-preview aside hr{width:100%;border:0;border-top:1px solid var(--line)}.app-preview aside em{margin-top:auto;padding:11px 8px;border-radius:7px;color:#789d86;background:#eff7f0;line-height:1.5}.app-main{width:100%;padding:24px}.app-heading{display:flex;justify-content:space-between}.app-heading small,.chart header small,.summary>small{color:var(--green);font-size:7px;letter-spacing:.12em}.app-heading h3{margin:6px 0 3px;font-family:'DM Serif Display',Georgia,serif;font-size:25px;font-weight:400}.app-heading p{margin:0;color:#84978d;font-size:9px}.app-heading>span{padding:8px;color:#789083;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.metrics>div{display:grid;gap:8px;min-height:80px;padding:12px;border-radius:7px;background:#dcefe1}.metrics>div:nth-child(2),.metrics>div:nth-child(4){background:#f3ecdf}.metrics>div:nth-child(3){background:#e2edf0}.metrics small,.metrics span{color:#769185;font-size:7px}.metrics b{font-size:14px}.app-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:8px;margin-top:8px}.chart,.summary{padding:17px;border-radius:7px;background:#fff}.chart header{display:flex;gap:10px;align-items:center}.chart header b{font-size:12px}.chart header span{margin-left:auto;color:#789083;font-size:8px}.chart svg{display:block;width:100%;height:125px;margin-top:13px}.chart>small{color:#9aac9f;font-size:7px}.summary h4{margin:8px 0;font-family:'DM Serif Display',Georgia,serif;font-size:17px;font-weight:400}.summary p{color:#879a8f;font-size:8px;line-height:1.5}.summary b{font-size:16px}.modules{padding:60px 0 130px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:60px}.cards article{min-height:230px;padding:25px;border:1px solid var(--line);border-radius:9px;background:#fff}.cards .featured{color:#eaf8ed;background:var(--deep);border-color:var(--deep)}.cards article>b{display:grid;width:38px;height:38px;place-items:center;margin-bottom:34px;border-radius:50%;color:var(--green);background:var(--pale);font-size:19px}.cards .featured>b{color:#2b6148;background:#e6f1be}.cards small{color:var(--muted);font-size:8px;letter-spacing:.12em}.featured small{color:#abd0b4}.cards h3{margin:12px 0 9px;font-family:'DM Serif Display',Georgia,serif;font-size:23px;font-weight:400}.cards p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.featured p{color:#b5d3bd}.cards a{display:inline-block;margin-top:17px;color:#d8f1bc;font-size:10px;font-weight:700}.how{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:120px 0;border-top:1px solid var(--line)}.how .button{margin-top:25px}.steps>div{display:grid;grid-template-columns:45px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.steps b{display:grid;width:31px;height:31px;place-items:center;border:1px solid #b8d0c1;border-radius:50%;color:var(--green);font-size:9px}.steps h3{margin:0 0 6px;font-family:'DM Serif Display',Georgia,serif;font-size:21px;font-weight:400}.steps p{margin:0;color:var(--muted);font-size:12px}.cta{position:relative;display:flex;min-height:370px;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:60px;padding:65px 78px;border-radius:12px;color:#eff9ee;background:var(--deep)}.cta .eyebrow{color:#cce8a5}.cta h2{margin-top:16px}.cta p{max-width:430px;color:#b7d2bd;font-size:13px;line-height:1.6}.light{color:var(--deep);background:#eff7df;border-color:#eff7df}.cta>strong{position:absolute;right:95px;bottom:-96px;width:285px;height:285px;border:1px solid #ccdfa24d;border-radius:50%;color:#d4e8aa;text-align:center;padding-top:100px;font-size:45px;box-shadow:0 0 0 35px #ccdfa214,0 0 0 70px #ccdfa20d}footer{display:flex;align-items:center;gap:32px;padding:30px 0 45px;color:var(--muted);font-size:10px}footer p{margin-right:auto}footer .brand{font-size:15px}footer .brand-mark{width:25px;height:25px;font-size:12px}
@media(max-width:800px){.wrap,.header{width:min(100% - 36px,560px)}.header{height:70px}.header nav{display:none;position:absolute;z-index:5;top:60px;right:18px;left:18px;flex-direction:column;gap:0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 15px 30px #18342c16}.header nav.open{display:flex}.header nav a{padding:12px}.header>.button{display:none}.menu{display:block;margin-left:auto}.hero{grid-template-columns:1fr;min-height:0;padding:65px 0 75px}.hero h1{font-size:56px}.hero-art{height:350px}.solar-panel{left:38px;bottom:47px;transform:scale(.82) skewY(-12deg) rotate(-5deg);transform-origin:left bottom}.sun{right:55px}.signal{padding:28px 18px}.signal strong{display:block;font-size:19px}.signal span{display:block;margin-top:8px}.signal b{display:none}.product,.modules{padding:85px 0}.app-preview{margin-top:38px}.app-preview aside{display:none}.app-main{padding:14px}.metrics{grid-template-columns:repeat(2,1fr)}.app-grid{grid-template-columns:1fr}.summary{display:none}.app-heading>span{display:none}.cards{grid-template-columns:1fr 1fr;margin-top:38px}.cards article{min-height:250px;padding:18px}.cards .featured{grid-column:1/-1}.how{grid-template-columns:1fr;gap:45px;padding:85px 0}.cta{min-height:420px;margin-bottom:35px;padding:45px 28px;align-items:flex-start}.cta>strong{right:-85px;bottom:-75px}footer{flex-wrap:wrap;gap:14px}footer p{width:100%;margin:0}}@media(max-width:480px){.hero h1{font-size:48px}.hero-art{height:300px}.cards{grid-template-columns:1fr}.cards .featured{grid-column:auto}.metrics b{font-size:12px}.cta h2{font-size:39px}}
.screens{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px;padding:30px 0 130px}.screens-copy h2{font-size:clamp(38px,4.5vw,58px)}.screens-copy>p:last-child{max-width:370px;color:var(--muted);font-size:14px;line-height:1.7}.screen-stack{position:relative;height:520px}.screen-sheet{position:absolute;width:83%;padding:21px;border:1px solid #dce8e0;border-radius:9px;background:#fff;box-shadow:0 25px 55px #18342c18;font-size:9px}.screen-sheet header{display:flex;align-items:center;gap:9px}.screen-sheet header small{color:var(--green);font-size:7px;letter-spacing:.1em}.screen-sheet header b{font-family:'DM Serif Display',Georgia,serif;font-size:17px;font-weight:400}.screen-sheet--back{top:18px;right:0;transform:rotate(5deg);opacity:.72}.screen-sheet--middle{top:92px;left:5px;transform:rotate(-3deg);z-index:2}.screen-sheet--front{top:186px;right:25px;z-index:3;box-shadow:0 30px 65px #18342c26}.fake-toolbar{display:flex;justify-content:space-between;margin-top:20px}.fake-toolbar span{width:58%;padding:9px;border:1px solid var(--line);border-radius:4px;color:#a0b0a8}.fake-toolbar b,.user-summary>b,.screen-sheet footer b{padding:9px 10px;border-radius:4px;color:#fff;background:var(--green);font-size:8px}.fake-rows,.user-list{display:grid;gap:9px;margin-top:15px}.fake-rows span,.user-list span{display:grid;grid-template-columns:25px 1fr auto auto;align-items:center;gap:8px;padding:10px;border-top:1px solid var(--line)}.fake-rows i,.user-list i{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#fff;background:#7d9b89;font-size:7px;font-style:normal}.fake-rows b,.user-list b{font-size:9px}.fake-rows em,.user-list em{color:#8c9e95;font-size:8px;font-style:normal}.fake-rows strong{padding:4px 7px;border-radius:10px;color:#32724d;background:var(--pale);font-size:7px}.user-summary{display:flex;align-items:center;gap:10px;margin-top:20px;padding:13px;border-radius:6px;background:#eff7f0}.user-summary>strong{font-family:'DM Serif Display',Georgia,serif;font-size:27px;font-weight:400}.user-summary>span{color:#71887a;font-size:8px;line-height:1.4}.user-summary>b{margin-left:auto}.user-list strong{color:#55a86f;font-size:11px}.report-head{display:flex;gap:48px;margin-top:23px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.report-head div{display:grid;gap:7px}.report-head small{color:var(--muted);font-size:7px}.report-head strong{font-size:18px}.report-head i{color:var(--green);font-size:10px;font-style:normal}.report-bars{display:flex;height:115px;align-items:end;gap:8px;padding:15px 5px 5px}.report-bars i{width:10%;border-radius:3px 3px 0 0;background:linear-gradient(#5ba978,#b9dcb2)}.screen-sheet--front>header>span{margin-left:auto;color:var(--muted);font-size:8px}.screen-sheet footer{display:flex;align-items:center;gap:16px;color:#9aaba1;font-size:7px}.screen-sheet footer b{margin-left:auto}@media(max-width:800px){.screens{grid-template-columns:1fr;gap:30px;padding:10px 0 85px}.screen-stack{height:410px}.screen-sheet{width:90%;padding:15px}.screen-sheet--back{top:10px}.screen-sheet--middle{top:55px}.screen-sheet--front{top:115px;right:0}.screen-sheet header b{font-size:15px}.report-head{gap:20px}.report-head strong{font-size:14px}.fake-rows em,.fake-rows strong{display:none}.user-summary{gap:6px}.user-summary>b{font-size:7px;padding:8px 6px}}
.steps>div>b{grid-column:1;grid-row:1 / span 2}.steps>div>h3,.steps>div>p{grid-column:2}.steps>div>h3{grid-row:1}.steps>div>p{grid-row:2}
.screen-sheet--maintenance{top:102px;right:0;z-index:3;transform:rotate(2deg);padding:18px;background:#f8fcf7}.maintenance-chart{margin-top:17px;padding:12px;border-radius:6px;background:#eef7ef}.maintenance-chart>small{color:var(--muted);font-size:7px;letter-spacing:.08em}.maintenance-chart>div{display:flex;height:64px;align-items:end;gap:7px;margin-top:10px}.maintenance-chart i{width:12%;border-radius:3px 3px 0 0;background:linear-gradient(#5da97b,#b9dcb2)}.maintenance-alert{display:flex;align-items:center;gap:9px;margin-top:11px;padding:10px;border:1px solid #eed8a6;border-radius:6px;background:#fff8e8}.maintenance-alert>b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;color:#9f6c1d;background:#f8e3ae;font-size:11px}.maintenance-alert span{display:grid;gap:3px;flex:1}.maintenance-alert strong{font-size:8px}.maintenance-alert small{color:#907f63;font-size:7px;line-height:1.35}.maintenance-alert em{color:#a4782f;font-size:7px;font-style:normal;white-space:nowrap}
@media(max-width:800px){.screen-stack{height:455px}.screen-sheet--back{top:8px}.screen-sheet--middle{top:58px}.screen-sheet--front{top:128px;right:0}}.lead-form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:720px;margin-top:24px}.lead-form label{display:grid;gap:6px;color:#c2d7c5;font-size:9px;font-weight:700}.lead-form input{width:100%;min-height:42px;padding:0 11px;border:1px solid #47745b;border-radius:5px;outline:0;color:var(--ink);background:#f8fcf7;font:inherit;font-size:11px}.lead-form input:focus{border-color:#cce8a5;box-shadow:0 0 0 3px #cce8a522}.lead-form .button{grid-column:1/-1;justify-self:start;margin-top:4px}.form-feedback{grid-column:1/-1;min-height:15px;margin:0;color:#cce8a5;font-size:10px}.form-feedback.error{color:#f0b5a6}.honeypot{position:absolute;left:-10000px!important;width:1px!important;height:1px!important;opacity:0}
@media(max-width:800px){.lead-form{grid-template-columns:1fr;max-width:360px}.lead-form .button{grid-column:auto}.form-feedback{grid-column:auto}}