/*
Theme Name: MH Energy Solutions
Description: A responsive bespoke theme for MH Energy Solutions Limited.
Version: 1.0.0
Author: MH Energy Solutions
License: GPL-2.0-or-later
Text Domain: mh-energy
*/
@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{--ink:#112a30;--green:#d6f36a;--paper:#f6f7f2;--muted:#617074}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(46px,5.5vw,80px);margin:25px 0}h2{font-size:clamp(34px,3.6vw,52px);margin:15px 0 24px}h3{font-size:23px}p{line-height:1.7}section{padding:90px 0}.wrap{max-width:1240px;padding:0 32px;margin:auto}.top{background:var(--ink);color:#e5ede8;font-size:12px;padding:10px 0}.top .wrap{display:flex;justify-content:space-between}header{position:sticky;top:0;background:#f6f7f2f5;backdrop-filter:blur(12px);z-index:20;border-bottom:1px solid #dce1d7}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:800;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:7px}.mark{background:var(--green);font-size:35px;border-radius:50%;width:45px;height:45px;text-align:center;line-height:45px}.links{display:flex;align-items:center;gap:28px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:var(--green);border:1px solid transparent;border-radius:5px;padding:17px 23px;font-weight:700;font-size:14px;cursor:pointer}.btn.dark{background:var(--ink);color:white}.btn.outline{border-color:#788b89;background:transparent;color:inherit}.menu{display:none}.hero{background:var(--ink);color:white;padding:60px 0 75px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:'';width:7px;height:7px;background:#8fad41;border-radius:50%}.hero h1 span{color:var(--green)}.hero p{color:#bfcfcf;max-width:470px;font-size:16px}.actions{display:flex;gap:13px;margin:30px 0}.ticks{font-size:12px;color:#cdd8d7;display:flex;gap:22px}.ticks span:before{content:'✓ ';color:var(--green)}.hero-photo{position:relative;height:530px;border-radius:160px 8px 8px 8px;background:linear-gradient(0deg,#072b3680,transparent 70%),url('https://images.unsplash.com/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=1100&q=85') center/cover}.photo-label{position:absolute;left:25px;top:25px;background:#ffffffde;color:var(--ink);font-size:11px;border-radius:30px;padding:10px 17px}.float{position:absolute;bottom:25px;left:-28px;background:var(--green);color:var(--ink);padding:24px;width:270px;border-radius:6px}.float strong{display:block;font-size:25px;letter-spacing:-1px}.float p{color:var(--ink);font-size:12px;margin:7px 0 0}.suppliers{padding:30px 0;background:white;border-bottom:1px solid #dfe4db}.suppliers p{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}.names{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;font-family:Manrope,sans-serif;font-weight:800;font-size:21px;color:#5c7073;padding:20px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head p{max-width:350px;color:var(--muted);font-size:14px}.section-head h2{margin-bottom:0}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{background:white;border:1px solid #e0e5dc;border-radius:8px;padding:28px;transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:#8ea74f}.service .icon{font-size:25px;display:inline-flex;background:#eef3e2;width:48px;height:48px;align-items:center;justify-content:center;border-radius:10px}.service h3{font-size:21px;margin:24px 0 12px}.service p{font-size:13px;color:var(--muted);min-height:65px}.service a{font-size:12px;font-weight:700;display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid #e4e8e0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about{background:#e9ede3}.about-art{background:var(--ink);border-radius:8px;padding:45px;color:white;min-height:370px;position:relative;overflow:hidden}.about-art:after{content:'↗';font-size:240px;line-height:1;position:absolute;right:0;bottom:-30px;color:#d6f36a20}.about-art h3{font-size:48px;max-width:320px;margin:30px 0;color:var(--green)}.about-art p{font-size:14px;max-width:250px;color:#ccd8d4}.about-copy p{color:var(--muted);font-size:14px}.checklist{display:grid;gap:15px;margin:25px 0;font-size:14px}.checklist div:before{content:'✓';margin-right:13px;color:#648525}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.number{border-top:1px solid #b8c1b6;padding-top:20px;color:#829264;font-size:12px}.steps p{font-size:14px;color:var(--muted)}.reviews{background:var(--ink);color:white}.reviews .eyebrow:before{background:var(--green)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.review{border:1px solid #3e5558;border-radius:6px;padding:26px}.review .sample{font-size:10px;letter-spacing:1.4px;color:var(--green);text-transform:uppercase}.review blockquote{margin:20px 0;font-size:17px;line-height:1.6}.review small{color:#bac9c8}.notice{font-size:12px;color:#bac9c8;margin:25px 0 0}.faq-layout{display:grid;grid-template-columns:.7fr 1fr;gap:85px}details{border-bottom:1px solid #ccd4c8;padding:22px 0}summary{cursor:pointer;font-weight:600;font-size:15px}details p{font-size:14px;color:var(--muted)}.contact{padding-top:0}.contact-box{padding:55px;background:var(--green);border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-box h2{max-width:450px}.contact-box p{font-size:14px}.contact-meta{font-size:13px;line-height:1.8;margin-top:30px}form{background:white;padding:28px;border-radius:8px}label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}input,select,textarea{display:block;width:100%;border:1px solid #cdd5c6;background:#fafbf8;border-radius:4px;padding:12px;margin-top:7px;color:var(--ink)}textarea{min-height:80px;resize:vertical}.form-note{font-size:11px!important;color:var(--muted)}form .btn{width:100%}footer{background:#0d2429;color:#c3d0cf;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:70px;font-size:12px}.footer-grid h4{color:white}.footer-grid p{max-width:320px}.footer-links{display:grid;gap:12px}.legal{border-top:1px solid #31464a;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;font-size:10px}.all-suppliers{font-size:12px;color:var(--muted);line-height:1.9}.privacy{margin-top:20px;font-size:11px;color:var(--muted)}@media(max-width:900px){.links{gap:15px}.hero-grid{gap:30px}.hero-photo{height:460px}.services{grid-template-columns:repeat(2,1fr)}.contact-box{gap:30px;padding:35px}.split{gap:35px}.hero h1{font-size:55px}.float{left:-12px;width:230px}}@media(max-width:650px){.wrap{padding:0 22px}.top .wrap span:last-child{display:none}.nav{height:74px}.brand{font-size:17px}.menu{display:block;border:0;background:transparent;font-size:24px}.links{display:none;position:absolute;top:74px;left:0;right:0;padding:25px;background:var(--paper);flex-direction:column}.links.open{display:flex}section{padding:58px 0}.hero{padding:40px 0 55px}.hero-grid,.split,.faq-layout,.contact-box{grid-template-columns:1fr}.hero h1{font-size:51px}.hero-photo{height:340px;margin:15px 0 0 10px;border-top-left-radius:100px}.float{bottom:16px;padding:20px}.hero p{font-size:14px}.ticks{gap:12px;font-size:10px}.actions{gap:9px}.btn{padding:15px 17px;gap:13px}.names{justify-content:center;font-size:18px;gap:25px}.section-head{display:block}.services,.review-grid,.steps{grid-template-columns:1fr}.service p{min-height:0}.steps{gap:20px}.about-art{min-height:310px}.about-art h3{font-size:42px}.faq-layout{gap:10px}.contact-box{padding:25px;gap:20px}.contact .wrap{padding:0 12px}form{padding:20px}.footer-grid{grid-template-columns:1fr;gap:20px}.legal{display:block;line-height:1.8}.section-head p{max-width:100%}}