@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:#063e37;--green2:#00a98f;--lime:#72f0d0;--ink:#202525;--muted:#626b69;--paper:#f4f7f6;--line:#dfe8e6;--white:#fff;--shadow:0 16px 40px rgba(8,47,43,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topline{background:#10392c;color:#e5f1e9;text-align:center;padding:8px 16px;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase}.topline span{color:var(--lime);padding:0 9px}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 clamp(20px,5vw,76px);background:white;position:sticky;top:0;z-index:10;box-shadow:0 3px 16px #173d2b0b}.brand{display:flex;align-items:center;gap:10px;color:var(--green);flex-shrink:0}.brand-mark{width:43px;height:43px;display:grid;place-items:center}.brand-mark svg{width:100%;height:100%}.brand strong{display:block;font:800 1.45rem Manrope,sans-serif;letter-spacing:.03em;line-height:1.1}.brand small{display:block;font-size:.68rem;letter-spacing:.13em;color:#4b8b50;font-weight:700}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);font-size:.84rem;font-weight:600}.nav>a:not(.btn):hover,.footer-links a:hover{color:var(--green2)}.menu-toggle{display:none;border:0;background:transparent;font-size:1.7rem;color:var(--green)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:14px 22px;border:1px solid var(--green2);border-radius:6px;background:var(--green2);color:white;font-weight:700;font-size:.9rem;transition:.2s}.btn:hover{background:#1c633c;transform:translateY(-1px)}.btn-small{padding:11px 16px;font-size:.82rem}.btn-outline{background:transparent;border-color:#ffffffb5;color:white}.btn-outline:hover{background:#ffffff18}.hero{min-height:570px;position:relative;display:flex;align-items:center;overflow:hidden;background:#12372b;color:white}.hero-photo{position:absolute;inset:0 0 0 35%;background:url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1900&q=85') center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b2d23 0%,#0b2d23f2 33%,#0b2d23a8 58%,#0b2d2310 100%)}.hero-content{position:relative;z-index:1;max-width:720px;padding:80px clamp(24px,7vw,110px)}.eyebrow{font-size:.72rem;letter-spacing:.15em;font-weight:700;text-transform:uppercase;margin:0 0 15px}.green{color:var(--green2)}h1,h2,h3{font-family:Manrope,"DM Sans",sans-serif;line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5vw,5rem);margin:0 0 22px;font-weight:800}h1 span{color:var(--lime)}.hero-copy{max-width:540px;font-size:1.12rem;color:#e0e9e3;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#10392c;color:white;padding:22px clamp(24px,7vw,100px);gap:22px}.trust-strip>div{display:grid;grid-template-columns:44px 1fr;align-items:center;column-gap:12px}.trust-icon{grid-row:span 2;width:42px;height:42px;border:1px solid #6aa67b;border-radius:50%;display:grid;place-items:center;color:var(--lime);font-size:1.45rem}.trust-strip strong{font-size:.9rem}.trust-strip small{color:#c5d8cd;font-size:.76rem}.section{padding:90px clamp(22px,7vw,105px)}.section-heading{text-align:center;max-width:720px;margin:0 auto 42px}.section-heading h2,.split-copy h2,.contact-intro h2{font-size:clamp(2rem,3.4vw,3.15rem);margin:0 0 15px}.section-heading>p:last-child{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;box-shadow:0 5px 20px #163b2708;transition:.22s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-image{height:190px;background-size:cover;background-position:center}.retrofit{background-image:url('https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?auto=format&fit=crop&w=900&q=80')}.epc{background-image:url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=900&q=80')}.cavity{background-image:url('https://images.unsplash.com/photo-1590725140246-20acdee442be?auto=format&fit=crop&w=900&q=80')}.solar{background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=900&q=80')}.stock{background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=900&q=80')}.service-body{padding:23px 23px 25px}.service-number{color:var(--green2);font-size:.72rem;font-weight:800;letter-spacing:.12em}.service-body h3{font-size:1.25rem;margin:8px 0 10px}.service-body p{font-size:.91rem;color:var(--muted);min-height:88px;margin:0 0 18px}.service-body a,.text-link{font-size:.87rem;font-weight:700;color:var(--green2)}.service-body a span,.text-link span{padding-left:6px}.split-section{display:grid;grid-template-columns:1fr 1fr;background:var(--paper);min-height:460px}.split-photo{min-height:420px;background:url('https://images.unsplash.com/photo-1621905251189-08b45d6a269e?auto=format&fit=crop&w=1200&q=85') center/cover}.split-copy{padding:clamp(38px,6vw,85px);align-self:center;max-width:720px}.split-copy p:not(.eyebrow){color:var(--muted)}.split-copy .text-link{display:inline-block;margin-top:12px}.audiences{background:white}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:auto}.audience-grid article{padding:34px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}.audience-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#e2f0df;color:var(--green);font-size:1.6rem}.audience-grid h3{font-size:1.3rem;margin:20px 0 10px}.audience-grid p{color:var(--muted)}.audience-grid a{color:var(--green2);font-weight:700;font-size:.9rem}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:52px clamp(24px,7vw,105px);background:var(--green);color:white}.cta-band h2{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 10px}.cta-band p:not(.eyebrow){color:#d7e5dc;margin:0}.cta-band .eyebrow{color:var(--lime)}.btn-light{background:var(--lime);color:#163a29;border-color:var(--lime);flex-shrink:0}.btn-light:hover{background:#b4e783}.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,6vw,85px);background:#f7f9f6}.contact-intro>p:not(.eyebrow){color:var(--muted)}.contact-detail{display:flex;gap:15px;margin-top:25px;align-items:flex-start}.contact-detail>span{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#e3f0e0;color:var(--green2);display:grid;place-items:center;font-size:1.2rem}.contact-detail strong{font-size:.9rem}.contact-detail p{margin:2px 0;color:var(--muted);font-size:.92rem}.contact-form{background:white;padding:clamp(24px,4vw,42px);border-radius:10px;box-shadow:var(--shadow)}.contact-form h3{font-size:1.55rem;margin:0 0 5px}.form-note{font-size:.78rem;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:24px 0}.form-grid label{font-size:.8rem;font-weight:700;display:flex;flex-direction:column;gap:7px}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;font:inherit;font-size:.9rem;padding:12px;border:1px solid #d9e1d9;border-radius:5px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #8acb75;outline-offset:1px}textarea{resize:vertical}.contact-form .btn{cursor:pointer}.site-footer{background:#0d2e24;color:white;padding:35px clamp(22px,7vw,105px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px}.brand-footer{color:white}.brand-footer small{color:var(--lime)}.brand-footer .brand-mark{font-size:2rem}.site-footer>p{grid-column:1;grid-row:2;color:#b9cfc2;margin:0;font-size:.86rem}.footer-links{grid-column:2;grid-row:1;display:flex;gap:22px;font-size:.85rem}.site-footer>small{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:18px;color:#b9cfc2;font-size:.76rem}.form-note code{background:#f0f3ef;padding:2px 4px;border-radius:3px}#form-status{font-size:.88rem;color:var(--green2);font-weight:600}
@media(max-width:1050px){.nav{gap:12px;font-size:.78rem}.nav .btn{display:none}.brand strong{font-size:1.25rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-body p{min-height:unset}}
@media(max-width:760px){.topline{font-size:.61rem;letter-spacing:.07em}.site-header{height:72px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:18px 24px 24px;box-shadow:0 16px 20px #00000012;align-items:stretch;flex-direction:column;font-size:.95rem}.nav.open{display:flex}.nav .btn{display:inline-flex;width:max-content}.hero{min-height:590px}.hero-photo{inset:0;background-position:60% center}.hero-shade{background:linear-gradient(90deg,#0b2d23f5,#0b2d23b8 75%,#0b2d2355)}.hero-content{padding:68px 25px}.hero-copy{font-size:1rem}.trust-strip{grid-template-columns:1fr 1fr;padding:22px;gap:20px}.section{padding:65px 22px}.service-grid{grid-template-columns:1fr}.service-image{height:210px}.split-section{grid-template-columns:1fr}.split-photo{min-height:260px}.split-copy{padding:42px 25px}.audience-grid{grid-template-columns:1fr}.cta-band{padding:40px 24px;align-items:flex-start;flex-direction:column}.contact-section{grid-template-columns:1fr;gap:35px}.site-footer{grid-template-columns:1fr;gap:18px}.site-footer>p,.footer-links,.site-footer>small{grid-column:1;grid-row:auto}.footer-links{flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Brand alignment: use the supplied Energem logo and turquoise/charcoal palette. */
.brand-logo{display:block;width:210px;height:62px;object-fit:contain;object-position:left center;border-radius:3px}
.brand-footer .brand-logo{width:190px;height:65px;object-position:left center}
.hero{background:#202222}
.hero-shade{background:linear-gradient(90deg,#202222 0%,#202222f2 33%,#202222a8 58%,#20222210 100%)}
.hero{background-color:#202222}
.trust-strip{background:#063e37}
.btn{background:#008f7b;border-color:#008f7b}
.btn:hover{background:#007565}
.btn-outline{background:transparent;border-color:#72f0d0;color:white}
.btn-light{background:#72f0d0;color:#143d37;border-color:#72f0d0}
.btn-light:hover{background:#8cf5dc}
.green,.service-number,.service-body a,.text-link,.audience-grid a{color:#008f7b}
.trust-icon{border-color:#45cbb6;color:#72f0d0}
.cta-band{background:#063e37}
.cta-band .eyebrow{color:#72f0d0}
.site-footer{background:#202222}
@media(max-width:760px){.brand-logo{width:175px;height:53px}.brand-footer .brand-logo{width:185px}}

/* Netlify Forms spam-trap field: hidden from visitors */
.hidden-field { display: none !important; }