@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef2e9;color:#101510;font-family:Inter,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 64px;position:sticky;top:0;z-index:20;background:#eef2e9cc;backdrop-filter:blur(16px)}nav{display:flex;gap:26px;color:#526052}.btn{display:inline-flex;background:#a6ea12;color:#111;padding:14px 20px;border-radius:999px;font-weight:900}.btn.dark{background:#111;color:#fff}.hero{min-height:620px;margin:40px auto;width:min(1180px,calc(100% - 40px));border:2px solid #fff;border-radius:28px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-card{position:absolute;left:46px;bottom:45px;width:min(560px,80%);color:#fff}.hero h1{font-size:clamp(42px,7vw,82px);line-height:.9;margin:0 0 16px;text-shadow:0 4px 20px #0008}.hero p{text-shadow:0 2px 12px #0008}.metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.metrics span{background:#ffffffcc;color:#111;border-radius:26px;padding:16px 20px;min-width:140px}.metrics b{display:block;font-size:30px}.chips{width:min(1180px,calc(100% - 40px));margin:80px auto;min-height:430px;position:relative}.chips span{display:inline-flex;border:2px solid #9ee80e;border-radius:999px;padding:12px 22px;font-size:32px;margin:8px}.green-orb{position:absolute;right:40px;top:20px;width:380px;height:380px;background:#a6ea12;border-radius:70px;box-shadow:inset 0 0 0 28px #eef2e9;border:4px solid #a6ea12}.templates{padding:70px}.templates h2,.energy h2{font-size:58px;line-height:.95}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{background:#fff;border:1px solid #d9ded2;border-radius:28px;padding:20px;box-shadow:0 24px 60px #00000012}.cards img{height:220px;width:100%;object-fit:cover;border-radius:20px}.energy{display:grid;grid-template-columns:42% 58%;gap:25px;padding:70px}.energy aside{position:sticky;top:100px;height:max-content;background:#fff;border-radius:30px;padding:30px}.energy main{display:grid;gap:18px}.energy article{height:55vh;background:#dfe8d8;border-radius:30px;padding:34px;font-size:46px;font-weight:900}.meter{height:12px;background:#dfe8d8;border-radius:999px;overflow:hidden}.meter i{display:block;height:100%;width:25%;background:#a6ea12;transition:.35s}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:70px}.contact h2{font-size:54px}form{background:#fff;border-radius:30px;padding:24px;display:grid;gap:12px}input,textarea{border:1px solid #cfd8c8;border-radius:16px;padding:16px;font:inherit}button{border:0;background:#a6ea12;border-radius:16px;padding:16px;font-weight:900}footer{padding:40px 70px;display:flex;gap:20px}@media(max-width:900px){header{padding:0 20px}nav{display:none}.cards,.energy,.contact{grid-template-columns:1fr}.green-orb{position:relative;right:auto}.energy aside{position:relative;top:0}}


/* Added content-fix lower information sections */
.info-rich{padding:86px 0;position:relative}
.info-rich .info-inner{width:min(1180px,calc(100% - 32px));margin:0 auto}
.info-rich .info-kicker{display:inline-flex;margin-bottom:14px;font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;opacity:.72}
.info-rich h2{font-size:clamp(34px,5vw,56px);line-height:.96;margin:0 0 18px;letter-spacing:-.04em}
.info-rich .info-lead{max-width:820px;font-size:18px;line-height:1.55;opacity:.78;margin:0 0 32px}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.info-card{border:1px solid rgba(128,128,128,.22);border-radius:24px;padding:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px);min-height:190px}
.info-card strong{display:block;font-size:20px;margin-bottom:10px}
.info-card p{margin:0;line-height:1.5;opacity:.74}
.link-footer{width:min(1180px,calc(100% - 32px));margin:0 auto 42px;padding:26px 0;border-top:1px solid rgba(128,128,128,.25);display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.link-footer h3{margin:0 0 8px;font-size:22px}.link-footer p{margin:0;opacity:.72}.link-footer nav{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-end}.link-footer a{text-decoration:none;color:inherit;opacity:.75}.link-footer a:hover{opacity:1}
@media(max-width:900px){.info-grid{grid-template-columns:1fr 1fr}.link-footer{grid-template-columns:1fr}.link-footer nav{justify-content:flex-start}}
@media(max-width:560px){.info-grid{grid-template-columns:1fr}}

/* v9 more bottom material and scroll animation */
.info-grid.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card.long{min-height:230px;background:rgba(255,255,255,.55)}.info-card.long strong{font-size:22px}.info-card.long p{font-size:16px;line-height:1.58}.info-rich.extended-copy{padding-top:110px}.scroll-activated{transform:translateY(0)!important;opacity:1!important}.info-card{transition:transform .35s ease, opacity .35s ease, box-shadow .35s ease}.info-card:hover{transform:translateY(-8px)}@media(max-width:900px){.info-grid.expanded{grid-template-columns:1fr}}


/* v10 unique domain footer */
.domain-signature{width:min(1180px,calc(100% - 32px));margin:42px auto 34px;padding:22px 0;border-top:1px solid rgba(128,128,128,.25);display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:14px;letter-spacing:.02em;opacity:.9}
.domain-signature nav{display:flex;gap:16px;flex-wrap:wrap}.domain-signature a{text-decoration:none;color:inherit;opacity:.72}.domain-signature a:hover{opacity:1}@media(max-width:760px){.domain-signature{flex-direction:column;align-items:flex-start}}


/* v14: richer copy inside energy step fields */
.energy article{font-size:inherit!important;display:flex;flex-direction:column;justify-content:space-between;gap:18px;padding:42px!important;overflow:hidden;position:relative}
.energy article:after{content:'';position:absolute;right:32px;top:32px;width:120px;height:120px;border-radius:50%;background:#a6ea1233;box-shadow:0 0 0 24px #a6ea1210}
.energy article span{display:block;font-size:clamp(38px,5vw,64px);line-height:.9;font-weight:900;letter-spacing:-.04em;position:relative;z-index:1}.energy article p{font-size:18px;line-height:1.55;max-width:760px;margin:0;position:relative;z-index:1;color:#203020}.energy article em{font-style:normal;font-weight:800;color:#4c611d;position:relative;z-index:1}.energy main{gap:28px}.energy article{min-height:56vh;height:auto!important}.energy aside p{font-size:17px;line-height:1.55}
@media(max-width:900px){.energy article{min-height:auto}.energy article span{font-size:38px}.energy article p{font-size:16px}}


/* v16: replace abstract chips with useful product-state lab */
.chips{display:none!important;}
.template-lab{
  width:min(1180px,calc(100% - 40px));
  margin:80px auto;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:34px;
  align-items:center;
  min-height:470px;
}
.template-lab .lab-copy small{
  display:block;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:#6e8f08;
  font-weight:900;
  margin-bottom:14px;
}
.template-lab h2{
  font-size:clamp(42px,6vw,78px);
  line-height:.9;
  letter-spacing:-.06em;
  margin:0 0 18px;
}
.template-lab p{
  max-width:560px;
  font-size:18px;
  line-height:1.55;
  color:#344032;
}
.state-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.state-pills span{
  border:2px solid #9ee80e;
  border-radius:999px;
  padding:10px 16px;
  font-weight:900;
  background:#f8fbf4;
}
.lab-visual{
  position:relative;
  min-height:430px;
  border:3px solid #9ee80e;
  border-radius:54px;
  background:#f8fbf4;
  padding:30px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  overflow:hidden;
}
.solar-core{position:absolute;inset:auto 28px 26px auto;width:210px;height:210px;border-radius:50%;background:#a6ea12;box-shadow:0 0 0 28px rgba(166,234,18,.14);animation:floatCore 5s ease-in-out infinite;}
.solar-core i{position:absolute;inset:44px;border-radius:50%;background:#d8ff5f;opacity:.42;}
.lab-visual article{
  position:relative;
  z-index:1;
  border:1px solid #cdeaa0;
  border-radius:28px;
  background:rgba(255,255,255,.75);
  padding:22px;
  min-height:145px;
  transition:transform .25s ease, background .25s ease;
}
.lab-visual article:hover{transform:translateY(-8px);background:#a6ea12;}
.lab-visual b{display:block;font-size:38px;line-height:1;}
.lab-visual span{display:block;margin-top:12px;font-weight:900;}
@keyframes floatCore{50%{transform:translateY(-16px) rotate(6deg)}}
@media(max-width:900px){.template-lab{grid-template-columns:1fr}.lab-visual{grid-template-columns:1fr}.solar-core{opacity:.35}}
