@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--bg:#071d19;--green:#bbebaa;--mint:#95dac9;--text:#f5f3e8;--muted:#b0bcb2;--line:#2d4439}body{font-size:16px}h1,h2,h3{text-wrap:balance}h2{font-size:clamp(34px,3.5vw,50px);font-weight:500;letter-spacing:-2px;line-height:1.16}h2 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:1.16em;letter-spacing:-1px}p{line-height:1.85}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2px}.announcement{background:#142d24;font-size:8px;height:30px;letter-spacing:1.6px}.header{height:92px;position:sticky;top:0;max-width:none;padding-left:max(42px,calc((100vw - 1248px)/2));padding-right:max(42px,calc((100vw - 1248px)/2));background:#071d19ed;backdrop-filter:blur(22px);border-bottom:1px solid #bdd9bd14;transition:box-shadow .3s}.header.scrolled{box-shadow:0 10px 35px #0002}.header nav{gap:22px}.header nav a{font-size:11px;position:relative}.header nav a:after{content:'';height:1px;width:0;background:var(--green);position:absolute;bottom:-6px;left:0;transition:width .25s}.header nav a:hover:after{width:100%}.button{border-radius:4px;padding:17px 24px;transition:background .25s,transform .25s,box-shadow .25s}.button:hover{box-shadow:0 8px 30px #b8edaa18}.button span{transition:transform .2s}.button:hover span{transform:translate(2px,-2px)}.hero{max-width:1500px;min-height:730px;display:block;padding-top:0;padding-bottom:80px;overflow:hidden;background:#0a211b}.hero-copy{padding:90px 0 25px;width:58%;max-width:650px;position:relative;z-index:3}.hero h1{font-size:clamp(54px,5.4vw,80px);line-height:1.05;font-weight:500;letter-spacing:-4.5px}.hero h1 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-style:italic;font-size:1.29em;letter-spacing:-4px;display:inline-block;margin-top:2px;color:#d2edbd}.hero-copy>p{max-width:390px;font-size:14px;line-height:1.95;color:#c8d3c7;margin:27px 0 31px}.hero-visual{position:absolute;inset:0 0 0 24%;border-radius:0;min-height:0;margin:0;overflow:visible}.hero-visual>img{object-position:68% 50%;height:100%;opacity:.9}.image-shade{background:linear-gradient(90deg,#0a211b 0%,#0a211bf0 10%,#0a211b70 44%,#0a211b00 68%),linear-gradient(0deg,#0a211b 0%,#0a211b11 32%,#0a211b22 80%,#0a211b88 100%)}.hero-visual .image-label{right:45px;top:40px;background:#0b2a2066;backdrop-filter:blur(10px);font-size:7px}.energy-card{left:auto;right:45px;bottom:95px;width:325px;background:#0d2b22cc;border-color:#d6f4c633;border-radius:7px;box-shadow:0 15px 50px #0002}.concept-label{left:auto;right:47px;bottom:72px;font-size:7px;color:#bcc7b8}.hero-notes{font-size:9px;color:#b6c4b6;gap:19px}.hero-bottom{z-index:3;bottom:23px;left:56px;right:56px;border-top:1px solid #d2e6c81f;padding-top:20px;color:#bfd0bd}.hero-orbit{position:absolute;right:53px;top:150px;width:132px;height:132px;border:1px solid #d2e6c850;border-radius:50%;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:#17312530;backdrop-filter:blur(3px);transform:rotate(12deg)}.hero-orbit span,.hero-orbit small{font-size:6px;letter-spacing:1px}.hero-orbit b{font-size:39px;font-weight:400;line-height:1;color:#e5f5cf}.editorial-intro{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:64px;padding-bottom:40px}.editorial-intro>span{font-size:8px;letter-spacing:1.3px;color:#a0b4a3;max-width:150px}.editorial-intro>p{font-size:23px;line-height:1.5;color:#e2e8db;letter-spacing:-.6px;margin-right:auto}.editorial-intro em{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:1.2em;color:#c9dfb9}.editorial-intro>a{display:grid;place-items:center;width:48px;height:48px;border:1px solid #536b51;border-radius:50%;font-size:22px;color:var(--green)}.benefit-strip{margin-top:0}.benefit-strip>div{padding-top:25px;padding-bottom:25px}.benefit-strip strong{font-size:12px}.benefit-strip p{font-size:10px}.padded{padding-top:110px;padding-bottom:110px}.section-heading{margin-bottom:46px}.section-heading>p{font-size:13px;max-width:280px}.tabs button{font-size:13px;padding:20px 0}.solution-panel{padding:48px;background:linear-gradient(135deg,#173b2c,#0e2922);border-radius:0 0 9px 9px;min-height:390px}.solution-story h3{font-size:34px;font-weight:500}.solution-story p{font-size:13px}.solution-story li{font-size:12px}.equipment{transition:background .2s,transform .2s}.equipment:hover{transform:translateY(-4px)}.equipment strong{font-size:13px}.equipment small{font-size:10px}.equipment-heading{margin-top:38px}.energy-experience{padding-top:0}.energy-explorer{display:grid;grid-template-columns:1.2fr 1fr;background:#102a21;border:1px solid var(--line);border-radius:12px;overflow:hidden}.energy-scene{position:relative;padding:30px 36px;background:radial-gradient(ellipse at 50% 30%,#b8d87c18,transparent 65%),#0c221b;transition:background .6s}.scene-meta{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#bbcab4}.scene-meta strong{font-family:var(--title);font-size:23px;font-weight:400;letter-spacing:-1px}.energy-sky{height:88px;position:relative;overflow:hidden}.sun-track{position:absolute;width:85%;height:150px;left:7.5%;top:34px;border:1px dashed #71866366;border-radius:50%}.moving-sun{position:absolute;left:50%;top:15px;color:#e4e9af;font-size:34px;transform:translateX(-50%);transition:left .4s,top .4s,opacity .4s;line-height:1;text-shadow:0 0 30px #dae7a155}.energy-house{position:relative}.energy-house svg{width:100%;height:auto;display:block}.house-tag{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:8px;padding:7px 12px;background:#254935;border:1px solid #72926644;border-radius:30px;white-space:nowrap;color:#d2e5c2}.hour-control{margin-top:22px}.hour-control label{font-size:10px;color:#c2d2b9}.hour-control label span{font-size:7px;letter-spacing:1px}.hour-control input{accent-color:var(--green);margin-top:12px}.hour-control>div{display:flex;justify-content:space-between;font-size:8px;color:#91a786;margin-top:13px}.energy-insight{padding:44px;display:flex;flex-direction:column;justify-content:center}.energy-insight h3{font-size:33px;line-height:1.2;font-weight:500;max-width:300px}.energy-insight>p{font-size:12px;margin:20px 0 23px;min-height:66px}.energy-flow-status{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #2b4634;gap:10px;font-size:11px;color:#bdcdb4}.energy-flow-status b{font-weight:500;color:#d5eac6;font-size:10px}.energy-insight>small{font-size:9px;color:#90a789;line-height:1.8;margin:20px 0}.energy-insight .eyebrow{margin-bottom:20px}.energy-scene.night{background:#071923}.energy-scene.night .energy-house svg rect[fill='#ccdfa0']{fill:#e4c989}.calculator-section{background:#eeeee3;background-image:radial-gradient(#163a1610 .7px,transparent .7px);background-size:8px 8px}.calculator-section .section-heading p{color:#60705d}.calculator{border-radius:10px;background:#fcfcf5}.calc-form{padding:42px}.calc-preview{padding:42px;background:radial-gradient(ellipse at 110% -10%,#73a4604d,transparent 70%),#133325}.saving-number{font-family:'DM Serif Display',Georgia,serif;font-size:64px;letter-spacing:-2px;font-weight:400;line-height:1.5}.calc-preview .preview-top{margin-bottom:44px}.preview-label{font-size:12px}.steps{font-size:10px}.calc-form h3{font-size:25px;font-weight:500}.calc-form input:not([type=range]),.calc-form select{background:#f7f8ef}.calc-form .currency-input input{background:#fff}.calc-form .button.full{padding:15px 10px;font-size:12px}.scenario-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:5px 0 22px}.save-scenario{background:transparent;border-bottom:1px solid #789470;padding:5px 0;font-size:11px;color:#244e2d}.scenario-actions>span{font-size:8px;color:#76856d}.scenario-comparison{margin-top:40px;background:#f8f9f0;border:1px solid #d5deca;border-radius:10px;padding:28px}.comparison-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.comparison-top .eyebrow{font-size:7px;margin-bottom:10px}.comparison-top h3{font-size:23px;font-weight:500}.comparison-top .text-link{font-size:10px;color:#52644a;border-bottom:1px solid #bccbb1}.scenario-comparison>p{font-size:9px;margin-top:18px;color:#718068}#scenario-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scenario-card{padding:22px;border:1px solid #cdd8c3;border-radius:7px;background:#fffef8}.scenario-card header{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#57734e;margin-bottom:13px}.scenario-card header button{background:transparent;color:#7b866e;font-size:18px}.scenario-card h4{font-weight:400;font-family:'DM Serif Display',Georgia,serif;font-size:29px;margin:0;color:#23492f}.scenario-card>p{font-size:9px}.scenario-card dl{margin:15px 0;display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:5px}.scenario-card dt{color:#7a8871}.scenario-card dd{text-align:right;margin:0;color:#355630}.scenario-card>button{width:100%;font-size:10px;border:1px solid #a8b79c;border-radius:4px;padding:9px;background:transparent;color:#31592f}.scenario-card>button:hover{background:#e8efdc}.process-grid h3{font-size:18px;font-weight:500;line-height:1.4}.process-grid p{font-size:12px;line-height:1.9}.step-number{font-family:'DM Serif Display',Georgia,serif;font-size:33px;color:#adc697}.statement{background:radial-gradient(ellipse at 90% 30%,#81ac5955,transparent 60%),#17362a;padding-top:72px;padding-bottom:72px}.statement h2{font-size:52px;font-weight:500}.statement-sun div{box-shadow:0 0 100px #b8f69944}.faq h2{font-weight:500;font-size:37px}.faq-list summary{padding:4px 0;font-size:13px}.faq-list p{font-size:12px;line-height:1.9}.contact-section h2{font-size:51px;font-weight:500}.contact-section form{padding:32px}.contact-section input:not([type=checkbox]),.contact-section select,.contact-section textarea{background:#0c241d;font-size:12px}.footer-top{padding-top:5px;padding-bottom:35px}.footer-top .brand{font-size:33px}.footer-bottom{padding-top:25px}.guide-launch{background:#c4edb0;border:1px solid #d4f9c6;border-radius:6px;font-size:10px;gap:10px;right:22px;bottom:22px}.guide-launch>span:first-child{font-size:22px}.reading-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:100;pointer-events:none}.reading-progress span{display:block;height:100%;width:0;background:var(--green)}.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal-ready.is-visible{opacity:1;transform:none}
@media(max-width:1100px){.header{padding:0 30px;gap:22px}.header nav{gap:17px}.header nav a{font-size:10px}.hero-copy{padding-top:85px;width:64%}.hero h1{font-size:62px}.hero{min-height:700px}.hero-visual{left:20%}.energy-card{right:30px;width:285px}.hero-orbit{right:38px}.hero-visual .image-label{right:30px}.editorial-intro>p{font-size:20px}.energy-insight{padding:30px}.energy-scene{padding:25px}.calc-form,.calc-preview{padding:30px}.saving-number{font-size:52px}.scenario-card{padding:15px}.scenario-card h4{font-size:24px}}
@media(max-width:800px){.header{height:80px}.header nav{top:80px}.header nav a{font-size:15px}.hero-copy{width:74%;padding-top:65px}.hero h1{font-size:56px}.hero-visual{left:10%;opacity:.8}.hero{min-height:700px}.hero-visual>img{object-position:64% center}.image-shade{background:linear-gradient(90deg,#0a211b 0%,#0a211bcc 32%,#0a211b11 100%),linear-gradient(0deg,#0a211b,transparent 55%)}.hero-orbit{top:280px;width:104px;height:104px}.hero-visual .image-label{display:none}.energy-card{bottom:75px;right:30px}.concept-label{bottom:55px;right:30px}.hero-bottom{left:30px;right:30px;bottom:14px;padding-top:12px}.editorial-intro{gap:20px}.editorial-intro>p{font-size:19px}.editorial-intro>span{font-size:7px;max-width:100px}.editorial-intro>a{display:none}.padded{padding-top:75px;padding-bottom:75px}.energy-experience{padding-top:0}.energy-explorer{grid-template-columns:1fr 1fr}.energy-insight{padding:25px}.energy-insight h3{font-size:27px}.energy-scene{padding:22px}.energy-sky{height:100px}.energy-house{margin-top:35px}.energy-insight>p{font-size:11px}.energy-flow-status{font-size:10px}.solution-panel{padding:30px}.solution-story h3{font-size:30px}.saving-number{font-size:43px}.scenario-actions{flex-direction:column;align-items:flex-start;gap:4px}.calc-form,.calc-preview{padding:25px}.scenario-card dl{display:block}.scenario-card dd{text-align:left;margin-bottom:6px}.scenario-card h4{font-size:20px}.contact-section h2{font-size:40px}.statement h2{font-size:45px}}
@media(max-width:600px){.header{height:76px;padding:0 22px;gap:14px}.header nav{top:76px}.hero{min-height:790px;padding-bottom:55px}.hero-copy{width:100%;padding-top:44px;max-width:none}.hero h1{font-size:48px;letter-spacing:-2.8px}.hero h1 em{font-size:1.25em;letter-spacing:-2px}.hero-copy>p{font-size:12px;max-width:310px;margin:22px 0 25px;line-height:1.9}.hero-actions{gap:18px}.hero-actions .button{font-size:10px;padding:14px 17px}.hero-actions .text-link{font-size:9px}.hero-notes{font-size:7px;gap:12px;margin-top:20px}.hero-visual{inset:295px 0 0;opacity:1;min-height:0;height:auto}.hero-visual>img{object-position:64% 50%;height:100%}.image-shade{background:linear-gradient(180deg,#0a211b 0%,#0a211b77 18%,transparent 45%,#0a211bee 100%)}.energy-card{bottom:76px;left:22px;right:22px;width:auto;padding:15px;background:#0d2b22cf}.energy-card strong{font-size:12px}.energy-card svg{width:65px}.concept-label{left:23px;right:auto;bottom:59px;font-size:6px}.hero-orbit{width:88px;height:88px;top:455px;right:25px}.hero-orbit b{font-size:25px}.hero-orbit span,.hero-orbit small{font-size:4px}.hero-orbit{gap:6px}.hero-bottom{left:22px;right:22px;bottom:14px;font-size:6px}.hero-bottom>span:last-child{font-size:7px}.hero-bottom>span:last-child span{margin-left:8px}.editorial-intro{display:block;padding-top:37px;padding-bottom:29px}.editorial-intro>span{font-size:7px;max-width:none;display:block;margin-bottom:18px}.editorial-intro>p{font-size:18px;letter-spacing:-.4px}.editorial-intro>p em{font-size:1.12em}.benefit-strip{display:grid;grid-template-columns:1fr}.benefit-strip>div{padding:16px 0}.benefit-strip strong{font-size:11px}.benefit-strip p{font-size:10px}.padded{padding-top:63px;padding-bottom:63px}.section-heading{margin-bottom:30px}h2{font-size:31px;letter-spacing:-1.3px}.section-heading>p{font-size:12px}.solution-panel{padding:26px}.solution-story h3{font-size:30px}.solution-story p{font-size:12px}.solution-story li{font-size:11px}.tabs button{font-size:10px}.energy-experience{padding-top:0}.energy-explorer{grid-template-columns:1fr}.energy-scene{padding:24px}.energy-sky{height:72px}.energy-house{margin-top:0}.energy-insight{padding:28px;border-top:1px solid var(--line)}.energy-insight h3{font-size:31px}.energy-insight>p{font-size:12px;min-height:0}.energy-insight>small{font-size:9px}.energy-flow-status{font-size:11px}.energy-scene .scene-meta{font-size:7px}.scene-meta strong{font-size:20px}.calc-form{padding:25px}.calc-preview{padding:30px}.saving-number{font-size:53px}.calc-form .button.full{font-size:11px}.scenario-actions{flex-direction:row;align-items:center}.scenario-actions>span{font-size:7px}.save-scenario{font-size:10px}.scenario-comparison{padding:21px}.comparison-top{align-items:flex-start}.comparison-top h3{font-size:23px}.comparison-top .text-link{font-size:9px}.comparison-top .eyebrow{font-size:6px;letter-spacing:1px}#scenario-cards{grid-template-columns:1fr;gap:12px}.scenario-card{padding:20px}.scenario-card h4{font-size:30px}.scenario-card dl{display:grid}.scenario-card dd{text-align:right;margin:0}.process-grid h3{font-size:17px}.process-grid p{font-size:11px}.step-number{font-size:28px}.statement{padding-top:45px;padding-bottom:45px;min-height:400px}.statement h2{font-size:38px}.faq h2{font-size:31px}.faq-list summary{font-size:12px}.contact-section h2{font-size:40px}.contact-section form{padding:23px}.guide-launch{bottom:15px;right:15px;padding:9px 13px}.guide-launch>span:first-child{font-size:20px}.reveal-ready{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}}
.report-example{display:inline-block;margin-top:12px;font-size:11px;color:#3f633a;border-bottom:1px solid #99af88}
@media(max-width:600px){.guide-launch{width:46px;height:46px;padding:0;display:grid;place-items:center;font-size:0;border-radius:50%;gap:0}.guide-launch>span:first-child{font-size:24px}.guide-launch>span:last-child{display:none}}
