:root{--ink:#062d20;--green:#2f8f31;--lime:#78b72a;--cream:#f5f5ed;--line:#dce5d7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:rgba(245,245,237,.94);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(6,45,32,.08);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font:800 27px Manrope}.brand>span:last-child>span{color:var(--green)}.brand-mark{display:grid;place-items:center;width:38px;height:45px;background:linear-gradient(145deg,var(--lime),var(--ink));color:white;clip-path:polygon(15% 0,100% 0,63% 46%,90% 46%,23% 100%,39% 54%,0 54%);font-size:22px}.nav nav{display:flex;gap:30px;font-weight:600}.nav nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:white;border-radius:999px;padding:15px 24px;font-weight:700;box-shadow:0 8px 25px rgba(47,143,49,.2)}.button:hover{background:#247626;transform:translateY(-1px)}.button-small{padding:11px 19px}.hero{min-height:710px;display:grid;grid-template-columns:52% 48%;overflow:hidden}.hero-copy{padding:95px 5vw 70px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--green);margin:0 0 20px}.hero h1,.section h2,.calculator-wrap h2,.compliance h2{font:800 clamp(42px,5.2vw,76px)/.98 Manrope;margin:0;letter-spacing:-.045em}.hero h1 span{color:var(--green)}.lead{max-width:680px;font-size:20px;color:#365449;margin:30px 0}.actions{display:flex;gap:28px;align-items:center}.text-link{font-weight:700}.text-link span{color:var(--green);font-size:22px}.trust{display:flex;gap:22px;margin-top:62px;color:#587066;font-size:13px}.trust span::first-letter{color:var(--lime)}.hero-visual{position:relative;background:url('assets/energycash-hero.png') center/cover no-repeat;min-height:620px;border-radius:0 0 0 90px}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,45,32,.12),transparent 40%)}.impact-card{position:absolute;z-index:1;left:-55px;bottom:55px;width:230px;padding:22px 25px;border-radius:20px;background:rgba(255,255,255,.93);box-shadow:0 18px 55px rgba(6,45,32,.2);backdrop-filter:blur(10px)}.impact-card span,.impact-card small{display:block;color:#5b7068}.impact-card strong{display:block;color:var(--green);font:800 42px Manrope}.statement{padding:34px 6vw;background:var(--ink);color:white;text-align:center;font-size:clamp(20px,2vw,29px)}.statement p{margin:0}.statement strong{color:#8dc83c}.section{padding:110px 6vw}.section-head{max-width:680px}.section-head h2,.calculator-wrap h2,.compliance h2{font-size:clamp(36px,4.5vw,58px)}.section-head>p:last-child{font-size:19px;color:#5a7067}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:60px}.steps article{position:relative;background:white;border:1px solid var(--line);border-radius:22px;padding:30px;min-height:250px}.steps b{position:absolute;right:22px;top:18px;color:#a7b7ae}.icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#edf5e8;color:var(--green);font-weight:800;font-size:22px}.steps h3{font:800 22px Manrope;margin:25px 0 8px}.steps p{color:#61736b;margin:0}.calculator-wrap{background:var(--ink);color:white;padding:90px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.light{color:#95d347}.calculator-copy>p:not(.eyebrow){color:#c8d5cf;font-size:18px}.formula{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:30px}.formula span,.formula strong{background:rgba(255,255,255,.08);padding:10px 14px;border-radius:10px}.formula strong{color:#9bd744}.formula i{font-style:normal;color:#7c978b}.calculator{background:white;color:var(--ink);padding:34px;border-radius:25px}.calculator label{display:flex;justify-content:space-between;font-weight:700}.calculator output{font:800 25px Manrope;color:var(--green)}input[type=range]{width:100%;accent-color:var(--green);margin:24px 0 30px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result-grid div{background:#f0f5ed;border-radius:16px;padding:20px}.result-grid small{display:block;color:#64776f}.result-grid strong{display:block;font:800 31px Manrope;color:var(--green)}.note{font-size:12px;color:#718078;margin:20px 0 0}.impact{background:white}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.metrics article{padding:45px;border-radius:25px;background:var(--cream);border:1px solid var(--line)}.metrics .featured{background:linear-gradient(145deg,#398f30,#0b492b);color:white;transform:translateY(-10px)}.metrics span{font:800 clamp(42px,5vw,70px) Manrope;color:var(--green)}.metrics .featured span{color:#a5df4e}.metrics h3{font:700 20px Manrope;margin:0}.metrics p{margin:8px 0 0}.compliance{padding:100px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.compliance>div:last-child{font-size:18px;color:#526a60;border-left:3px solid var(--lime);padding-left:32px}footer{padding:38px 6vw;background:#031d15;color:white;display:flex;align-items:center;justify-content:space-between}footer p{color:#9bb0a6}footer p strong{color:#9bd744}footer>a:last-child{color:#a8d86a}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-top:65px}.hero-visual{min-height:520px;border-radius:0}.impact-card{left:25px}.steps{grid-template-columns:1fr 1fr}.calculator-wrap,.compliance{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.metrics .featured{transform:none}.trust{flex-wrap:wrap}.compliance>div:last-child{border-left:0;padding-left:0}footer{flex-direction:column;gap:10px}.hero h1{font-size:50px}}@media(max-width:560px){.nav{height:70px}.nav .button{display:none}.brand{font-size:23px}.hero h1{font-size:42px}.hero-copy{padding:55px 22px}.hero-visual{min-height:420px}.trust{margin-top:38px}.steps{grid-template-columns:1fr}.section,.calculator-wrap,.compliance{padding:75px 22px}.result-grid{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}.impact-card{bottom:20px}.metrics article{padding:30px}}
