@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Basic Commercial';src:url('/assets/fonts/BasicCommercialLT-Light.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'Basic Commercial';src:url('/assets/fonts/BasicCommercialLT-Roman.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Basic Commercial';src:url('/assets/fonts/BasicCommercialLT-Italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'Basic Commercial';src:url('/assets/fonts/BasicCommercialLT-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Basic Commercial';src:url('/assets/fonts/BasicCommercialLT-Black.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}
:root{--navy:#00035B;--blue:#00035B;--lime:#d1fc39;--paper:#f5f6f0;--ink:#17203c;--muted:#65706d;--line:#dce1d5;--font:'Basic Commercial','Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(48px,6.8vw,100px)}h2{font-size:clamp(34px,4vw,58px)}h3{font-size:26px}p{margin-bottom:20px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #668600;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.skip{position:fixed;z-index:50;top:-80px;left:20px;background:var(--lime);padding:12px 20px}.skip:focus{top:15px}.utility{background:var(--navy);color:#b6c4c5;font-size:11px;border-bottom:1px solid #ffffff18}.utility .wrap{display:flex;justify-content:space-between;padding-block:8px;letter-spacing:.1em}.utility a{color:white;letter-spacing:0}.header{position:sticky;top:0;z-index:20;background:var(--navy);color:white}.header .wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:35px}.logo{width:220px;height:auto}.nav{display:flex;align-items:center;gap:28px}.nav>a{font-size:13px;font-weight:600}.nav a[aria-current=page]{color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:51px;padding:15px 22px;border:1px solid transparent;background:var(--lime);color:var(--navy);font-weight:750;font-size:13px;border-radius:2px;transition:background .2s,transform .2s}.button:hover{background:#e3ff85;transform:translateY(-2px)}.button.dark{background:var(--navy);color:white}.button.dark:hover{background:#00035B}.button.outline{background:transparent;border-color:#ffffff65;color:white}.arrow{font-size:20px;font-weight:400;line-height:1}.menu-button{display:none;background:transparent;color:white;border:1px solid #ffffff50;padding:10px 15px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%;flex-shrink:0}.hero{position:relative;background:var(--navy);color:white;isolation:isolate;min-height:650px;overflow:hidden}.hero-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:65% 45%;z-index:-3}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,3,91,.95),rgba(0,3,91,.7) 44%,rgba(0,3,91,.08)),linear-gradient(0deg,rgba(0,3,91,.6),transparent 35%);z-index:-2}.hero .wrap{padding-top:85px;padding-bottom:55px;position:relative}.hero .eyebrow{color:var(--lime)}.hero h1{max-width:860px;margin:0 0 26px}.accent{color:var(--lime)}.hero .intro{max-width:455px;font-size:16px;color:#dce4e4;line-height:1.75}.actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:32px}.hero-foot{display:flex;justify-content:space-between;align-items:end;margin-top:72px;font-size:11px;color:#dde2ea}.hero-foot .coordinate{letter-spacing:.1em}.hero-foot a{display:flex;align-items:center;gap:14px}.energy-mark{position:absolute;right:40px;top:95px;border:1px solid #ffffff70;border-radius:50%;width:85px;height:85px;display:grid;place-items:center}.energy-mark:before,.energy-mark:after{content:'';position:absolute;background:var(--lime);width:36px;height:1px}.energy-mark:after{transform:rotate(90deg)}.choice-band{background:white;border-bottom:1px solid var(--line)}.choice-row{display:grid;grid-template-columns:1.1fr repeat(3,1fr)}.choice-row>div{padding:30px 24px 30px 0;align-self:center}.choice-row>div small{font-size:11px;color:var(--muted)}.choice-row>div p{font-size:21px;font-weight:600;margin:0;letter-spacing:-.04em}.choice-row>a{display:flex;align-items:center;gap:17px;padding:30px 22px;border-left:1px solid var(--line);font-size:14px;font-weight:700;transition:background .2s}.choice-row>a:hover{background:var(--paper)}.choice-row>a .arrow{margin-left:auto}.icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.section{padding:100px 0}.section-head{display:grid;grid-template-columns:1.4fr 1fr;gap:90px;align-items:end;margin-bottom:45px}.section-head h2{margin:0}.section-head>p{max-width:420px;color:var(--muted);margin-bottom:3px}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:13px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:6px}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-card{background:white;border:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.solution-card .image{overflow:hidden;height:240px;background:#dfe5dc}.solution-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.solution-card:hover img{transform:scale(1.045)}.solution-card .copy{padding:27px 28px 30px;flex:1;display:flex;flex-direction:column}.tag{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.solution-card h3{margin:0 0 14px}.solution-card p{font-size:14px;color:var(--muted)}.solution-card .text-link{margin-top:auto;align-self:flex-start}.section-tail{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:13px;color:var(--muted);gap:20px}.dark-section{background:var(--navy);color:white}.dark-section .eyebrow{color:var(--lime)}.dark-section .section-head>p{color:#b7c3cf}.split{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.split h2{margin-bottom:25px}.split p{color:var(--muted)}.split .photo{position:relative;overflow:hidden}.split .photo>img{width:100%;height:560px;object-fit:cover}.photo-note{position:absolute;bottom:24px;left:24px;right:24px;background:var(--navy);color:white;padding:20px 24px;font-size:12px;display:flex;justify-content:space-between;gap:20px}.photo-note strong{color:var(--lime);font-size:18px}.feature{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.feature .icon{width:22px;height:22px;margin-top:3px}.feature h3{font-size:17px;letter-spacing:-.02em;margin:0 0 5px}.feature p{font-size:13px;margin:0}.finder{display:grid;grid-template-columns:1fr 1fr;gap:60px}.finder .description{max-width:510px}.finder .description>p{color:#b7c3cf}.finder-box{background:#00035B;border:1px solid #ffffff25;padding:32px}.finder-step{display:block;margin-bottom:14px;font-size:12px;font-weight:700}.pills{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.pill{font-size:13px;border:1px solid #ffffff40;color:white;background:transparent;padding:11px 17px;border-radius:2px}.pill[aria-pressed=true]{background:var(--lime);border-color:var(--lime);color:var(--navy);font-weight:700}.finder-box select{background:#00035B;color:white;border-color:#58607e;margin-bottom:25px}.finder-result{border-top:1px solid #ffffff25;padding-top:25px}.finder-result small{color:var(--lime);letter-spacing:.1em;font-size:10px;text-transform:uppercase}.finder-result h3{font-size:27px;margin:10px 0 13px}.finder-result p{font-size:13px;color:#b7c3cf;margin-bottom:20px}.finder-result .actions{margin:0}.finder-result .text-link{color:white}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process article{border-top:1px solid #b4bba9;padding-top:26px}.process .number{font-size:12px;margin-bottom:36px;color:var(--muted)}.process h3{font-size:25px}.process p{color:var(--muted);font-size:14px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.faq-grid h2{max-width:420px}.faq-grid>div>p{color:var(--muted)}details{border-top:1px solid var(--line);padding:23px 0}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-weight:650;font-size:15px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:23px;font-weight:400;line-height:1}details[open] summary:after{content:'−'}details p{color:var(--muted);font-size:14px;max-width:620px;margin:18px 35px 0 0}.cta{background:var(--lime);padding:68px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:50px}.cta h2{font-size:clamp(35px,4vw,56px);margin:0;max-width:780px}.cta .eyebrow{margin-bottom:18px}.footer{background:var(--navy);color:white;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.2fr;gap:65px}.footer .logo{margin-bottom:25px}.footer p{font-size:13px;color:#acb9c6;max-width:300px}.footer h3{font-size:12px;letter-spacing:.05em;margin:0 0 23px;text-transform:uppercase;color:#9eadb8}.footer a:not(.brand){display:block;font-size:13px;margin-bottom:12px}.footer a:hover{color:var(--lime)}.copyright{margin-top:50px;border-top:1px solid #ffffff25;padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:#99a7b5;font-size:11px}.copyright .footer-bottom{display:flex;gap:25px}.copyright a{font-size:11px!important;margin:0!important}.page-hero{background:var(--navy);color:white;padding:70px 0 75px;overflow:hidden}.page-hero h1{max-width:1030px;font-size:clamp(44px,6vw,83px);margin:0 0 25px}.page-hero p:not(.eyebrow){max-width:630px;color:#bdc8d2;margin:0}.page-hero .eyebrow{color:var(--lime)}.breadcrumbs{font-size:11px;color:#a5b3c1;margin-bottom:42px}.breadcrumbs a{color:white}.jump-nav{background:white;border-bottom:1px solid var(--line)}.jump-nav .wrap{display:flex;gap:28px;flex-wrap:wrap;padding-block:20px}.jump-nav a{font-size:12px;font-weight:700}.jump-nav a:hover{text-decoration:underline;text-underline-offset:5px}.service-detail{padding:65px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:85px 1.1fr 1fr;gap:35px;scroll-margin-top:100px}.service-detail:first-child{padding-top:0}.service-detail .number{font-size:12px;color:var(--muted);padding-top:9px}.service-detail h2{font-size:39px}.service-detail>div>p{color:var(--muted);font-size:14px}.bullet-list{padding:0;list-style:none;margin:25px 0}.bullet-list li{padding:10px 0;border-top:1px solid var(--line);font-size:13px}.bullet-list li:before{content:'↗';margin-right:12px}.diagram{position:relative;padding:35px;background:var(--paper);color:var(--ink);display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.diagram span{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:11px;text-align:center}.diagram .icon{width:35px;height:35px}.diagram b{font-size:24px;font-weight:400}.about-band{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.about-band article{background:white;border:1px solid var(--line);padding:32px}.about-band h3{font-size:24px}.about-band p{font-size:14px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.contact-options{display:grid;gap:25px}.contact-option{padding:26px;border:1px solid var(--line);background:white}.contact-option h3{font-size:19px;margin:0 0 13px}.contact-option a{display:block;font-size:14px;margin-top:8px;text-decoration:underline;text-underline-offset:4px}.contact-option p{font-size:13px;color:var(--muted);margin:0}.form-shell{background:white;border:1px solid var(--line);padding:40px;scroll-margin-top:110px}.form-shell h2{font-size:36px}.form-shell>p{font-size:13px;color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}.wide{grid-column:1/-1}label{display:block;font-size:12px;font-weight:750;margin-bottom:9px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #b5bcb0;border-radius:2px;background:var(--paper);font-size:14px;color:var(--ink)}textarea{resize:vertical}.hint{font-size:11px;color:var(--muted);margin:8px 0 0}.form-shell .button{margin-top:25px}.consent{font-size:11px;color:var(--muted);margin:22px 0 0}.enquiry-preview{background:var(--paper);padding:25px;border:1px solid var(--line);margin-top:28px}.enquiry-preview h3{font-size:23px;margin-bottom:15px}.enquiry-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 var(--font);margin:0}.enquiry-preview .button{margin:0}.enquiry-preview .hint{margin-top:15px}.status{font-size:12px;min-height:20px;margin-top:14px}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.guide-card{border:1px solid var(--line);background:white;padding:35px}.guide-card .number{font-size:11px;color:var(--muted);display:block;margin-bottom:30px}.guide-card h3{font-size:29px}.guide-card p{font-size:14px;color:var(--muted)}.readable{max-width:820px}.readable h2{font-size:32px;margin-top:50px}.readable p,.readable li{font-size:15px;color:var(--muted)}.empty{text-align:center;padding:120px 0}.sticky-mobile{display:none}[hidden]{display:none!important}.reveal{animation:appear .6s both}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero{min-height:730px}.hero .wrap{padding-top:110px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{gap:18px}.logo{width:180px}.nav>a{font-size:12px}.energy-mark{display:none}.hero .wrap{padding-top:65px}.hero{min-height:620px}.choice-row{grid-template-columns:repeat(3,1fr)}.choice-row>div{grid-column:1/-1;padding:20px 0;border-bottom:1px solid var(--line)}.choice-row>a:first-of-type{border-left:0}.choice-row>a{padding:23px 18px}.section-head{gap:40px}.split,.finder,.faq-grid,.contact-grid{gap:40px}.solution-card .image{height:190px}.solution-card .copy{padding:22px}.solution-card h3{font-size:23px}.section{padding:75px 0}.footer-grid{gap:40px}.service-detail{grid-template-columns:40px 1fr 1fr;gap:20px}}
@media(max-width:780px){.header .wrap{min-height:76px;flex-wrap:wrap;gap:0}.menu-button{display:block}.nav{display:none;width:100%;padding:20px 0 25px;flex-wrap:wrap;gap:22px}.nav.open{display:flex}.nav>a{font-size:14px}.hero h1{font-size:clamp(55px,10vw,78px)}.hero{min-height:620px}.hero:after{background:linear-gradient(90deg,rgba(0,3,91,.95),rgba(0,3,91,.52)),linear-gradient(0deg,rgba(0,3,91,.7),transparent)}.hero-photo{object-position:62% 50%}.hero-foot{margin-top:60px}.section-head,.split,.finder,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.section-head>p{max-width:550px}.solution-grid{grid-template-columns:1fr 1fr}.solution-grid .solution-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.solution-grid .solution-card:last-child .image{height:100%;min-height:240px}.split .photo>img{height:460px}.process{gap:25px}.process h3{font-size:23px}.about-band{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.service-detail{grid-template-columns:35px 1fr;gap:20px}.service-detail>div:last-child{grid-column:2}.guide-grid{grid-template-columns:1fr}.cta .wrap{align-items:flex-start;flex-direction:column;gap:30px}.contact-options{grid-template-columns:1fr 1fr}.contact-option:first-child{grid-column:1/-1}}
@media(max-width:520px){.wrap{width:calc(100% - 36px)}.utility .wrap{font-size:9px;letter-spacing:.04em}.utility .location-label{display:none}.header .logo{width:175px}.hero .wrap{padding-top:55px;padding-bottom:30px}.hero h1{font-size:58px;letter-spacing:-.06em}.hero .intro{font-size:14px}.hero-foot{margin-top:48px;align-items:start;gap:20px}.hero-foot .coordinate{font-size:9px}.hero{min-height:600px}.hero .actions .button{gap:15px;padding:14px 17px}.choice-row{grid-template-columns:1fr}.choice-row>div{grid-column:auto}.choice-row>a{border-left:0;border-bottom:1px solid var(--line);padding:19px 0}.choice-row>a:last-child{border-bottom:0}.choice-row .icon{width:25px;height:25px}.section{padding:60px 0}.section-head{margin-bottom:30px}h2{font-size:38px}.eyebrow{margin-bottom:18px;font-size:10px}.solution-grid{grid-template-columns:1fr}.solution-grid .solution-card:last-child{display:flex;grid-column:auto}.solution-grid .solution-card:last-child .image,.solution-card .image{height:220px;min-height:0}.solution-card .copy{padding:26px}.solution-card h3{font-size:29px}.section-tail{align-items:start;flex-direction:column}.split .photo>img{height:400px}.photo-note{left:15px;right:15px;bottom:15px;padding:16px}.finder-box{padding:25px 20px}.process{grid-template-columns:1fr;gap:30px}.process .number{margin-bottom:20px}.process h3{font-size:27px}.faq-grid{gap:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.copyright{flex-direction:column}.footer{padding-bottom:90px}.page-hero{padding:45px 0 55px}.page-hero h1{font-size:51px}.breadcrumbs{margin-bottom:28px}.page-hero p:not(.eyebrow){font-size:14px}.jump-nav .wrap{gap:14px 22px}.service-detail h2{font-size:33px}.service-detail{padding:45px 0}.form-shell{padding:27px 22px}.fields{grid-template-columns:1fr}.contact-options{grid-template-columns:1fr}.contact-option:first-child{grid-column:auto}.guide-card{padding:27px}.sticky-mobile{position:fixed;bottom:0;left:0;right:0;z-index:19;display:flex;padding:10px 18px;gap:10px;background:var(--navy);border-top:1px solid #ffffff20}.sticky-mobile>a{flex:1;min-height:42px;padding:10px 15px;font-size:12px}.sticky-mobile .call{display:flex;justify-content:center;align-items:center;color:white;gap:12px;border:1px solid #ffffff55}.cta{padding:48px 0}.diagram{padding:25px;gap:15px}.diagram b{font-size:18px}.diagram span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover{transform:none}}

/* Mevanti Energy OS brand alignment */
:root{
  --navy:#00035B;
  --blue:#00035B;
  --lime:#CCFF00;
  --paper:#F1F4F6;
  --ink:#171923;
  --muted:#69717C;
  --line:#DDE2E7;
}
body{background:var(--paper);color:var(--ink)}
.utility,.header,.footer,.sticky-mobile{background:#00035B}
.header{box-shadow:0 6px 22px rgba(0,3,91,.15)}
.hero,.page-hero,.dark-section{background:linear-gradient(105deg,#000004 0%,#00035B 100%)}
.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,3,91,.66) 50%,rgba(0,3,91,0))}
.button{background:#CCFF00;color:#00035B}
.button:hover{background:#B7E600}
.button.dark{background:#00035B;color:#fff}
.button.dark:hover{background:#000}
.button.outline:hover{border-color:#CCFF00;color:#CCFF00;background:#00035B}
.accent,.hero .eyebrow,.dark-section .eyebrow,.page-hero .eyebrow,.finder-result small,.footer a:hover{color:#CCFF00}
.cta{background:#CCFF00}
.solution-card,.guide-card,.contact-option,.form-shell,.about-band article{box-shadow:0 7px 25px rgba(0,3,91,.06)}
.solution-card:hover,.guide-card:hover,.contact-option:hover{border-color:#00035B;box-shadow:0 10px 30px rgba(0,3,91,.11)}
.finder-box{background:linear-gradient(105deg,#000004 0%,#00035B 100%);border-color:#ffffff35;box-shadow:0 14px 38px rgba(0,3,91,.18)}
.finder-box select{background:#00035B;border-color:#ffffff50}
.pill[aria-pressed=true]{background:#CCFF00;border-color:#CCFF00;color:#00035B}
.photo-note{background:#00035B}
.photo-note strong{color:#CCFF00}
.choice-row .mevanti-icon{color:#00035B;background:#EFFFB3}
.choice-row>a:hover .mevanti-icon{background:#CCFF00}
.choice-row>a:hover{background:#F7FFD9}
.text-link,.jump-nav a,.service-detail h2,.contact-option a{color:#00035B}
input:focus,select:focus,textarea:focus{outline:2px solid #00035B;outline-offset:1px;border-color:#00035B}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-color:#00035B}
.header a:focus-visible,.hero a:focus-visible,.dark-section a:focus-visible,.footer a:focus-visible,.page-hero a:focus-visible,.sticky-mobile a:focus-visible{outline-color:#CCFF00}
@media(max-width:780px){.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,3,91,.58))}}

/* Keep the mobile logo and menu control clear of browser chrome. */
@media(max-width:780px){
  .header .wrap{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    min-height:0;
    padding-top:max(22px,env(safe-area-inset-top));
    padding-bottom:12px;
    column-gap:12px;
  }
  .header .wrap>a[aria-label="Mevanti Energy home"]{min-width:0}
  .menu-button{position:relative;z-index:2;align-self:center}
  .nav{grid-column:1/-1}
}

/* Full-screen mobile navigation concept */
@media(max-width:780px){
  body.menu-open{overflow:hidden}
  body.menu-open .header{
    position:fixed;
    inset:0;
    z-index:60;
    height:100dvh;
    overflow:hidden;
    background:
      radial-gradient(circle at 92% 12%,rgba(204,255,0,.13),transparent 22%),
      linear-gradient(145deg,#000004 0%,#00035B 72%,#070A45 100%);
    box-shadow:none;
  }
  body.menu-open .header:after{
    content:'';
    position:absolute;
    right:-110px;
    bottom:-130px;
    width:360px;
    height:360px;
    border:1px solid rgba(204,255,0,.22);
    border-radius:50%;
    box-shadow:0 0 0 52px rgba(255,255,255,.025),0 0 0 104px rgba(255,255,255,.018);
    pointer-events:none;
  }
  body.menu-open .header .wrap{
    position:relative;
    z-index:1;
    width:calc(100% - 36px);
    height:100%;
    grid-template-rows:auto minmax(0,1fr);
    align-content:start;
    padding-top:max(22px,env(safe-area-inset-top));
    padding-bottom:max(22px,env(safe-area-inset-bottom));
  }
  body.menu-open .nav.open{
    display:flex;
    grid-column:1/-1;
    align-self:stretch;
    flex-direction:column;
    align-items:stretch;
    justify-content:center;
    gap:0;
    min-height:0;
    padding:20px 0 6px;
    animation:mobile-menu-in .28s ease-out both;
  }
  body.menu-open .nav.open>a:not(.button){
    position:relative;
    padding:clamp(13px,2.7vh,20px) 2px;
    border-bottom:1px solid rgba(255,255,255,.16);
    color:#fff;
    font-size:clamp(23px,7vw,31px);
    font-weight:300;
    line-height:1.05;
    letter-spacing:-.035em;
  }
  body.menu-open .nav.open>a:not(.button):after{
    content:'↗';
    position:absolute;
    right:3px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(255,255,255,.5);
    font-size:18px;
    font-weight:400;
  }
  body.menu-open .nav.open>a[aria-current=page]{color:var(--lime)}
  body.menu-open .nav.open>a[aria-current=page]:before{
    content:'';
    position:absolute;
    left:-18px;
    top:50%;
    width:7px;
    height:7px;
    transform:translateY(-50%);
    border-radius:50%;
    background:var(--lime);
  }
  body.menu-open .nav.open>.button{
    width:100%;
    min-height:58px;
    margin-top:clamp(18px,4vh,34px);
    border-radius:11px;
    font-size:14px;
  }
  @keyframes mobile-menu-in{
    from{opacity:0;transform:translateX(24px)}
    to{opacity:1;transform:none}
  }
}

/* Align the two-part image caption on one clean text baseline. */
.photo-note{align-items:baseline;gap:12px}
.photo-note>span,.photo-note>strong{line-height:1.25}
@media(min-width:421px) and (max-width:560px){
  .photo-note{left:12px;right:12px;padding:14px 12px;gap:8px}
  .photo-note>span{font-size:11px;white-space:nowrap}
  .photo-note>strong{white-space:nowrap}
}
@media(max-width:420px){
  .photo-note{align-items:flex-start;flex-direction:column;gap:7px}
}

/* Keep the complete lower page in the same deep navy family. */
.cta,.footer,.trust-section{background:linear-gradient(105deg,#000004 0%,#00035B 100%);color:#fff}
.cta .eyebrow{color:var(--lime)}
.cta .button.dark{background:var(--lime);color:var(--navy)}
.cta .button.dark:hover{background:#DFFF52}

/* High-contrast copy on navy panels. */
.finder-box{color:#fff}
.finder-step,.finder-step label{color:#CFD0EF}
.finder-result h3{color:#fff}
.finder-result p{color:#E9EAFF}
.finder-result{border-color:#ffffff35}
.dark-section .number,.dark-section .tag{color:#CFD0EF}
.photo-note{color:#fff}

/* Give the energy-guide note breathing room below the bordered diagram. */
.dark-section .diagram + p{
  max-width:1080px;
  margin:30px 0 0;
  line-height:1.75;
}
@media(max-width:520px){
  .dark-section .diagram + p{margin-top:24px}
}

/* Keep both top bars on the exact Mevanti OS blue. */
.utility,.header{
  background-color:#00035B!important;
  background-image:linear-gradient(105deg,#000004 0%,#00035B 100%)!important;
}
.footer,.sticky-mobile{
  background-color:#00035B!important;
  background-image:linear-gradient(105deg,#000004 0%,#00035B 100%)!important;
}
.trust-section{
  background-color:#00035B!important;
  background-image:linear-gradient(105deg,#000004 0%,#00035B 100%)!important;
}

/* Compact mobile navigation control */
.menu-button{
  align-items:center;
  justify-content:center;
  gap:11px;
  width:auto;
  min-width:0;
  min-height:44px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:9px;
  font-size:13px;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
}
.menu-icon{position:relative;width:18px;height:14px;flex:0 0 18px}
.menu-icon:before,.menu-icon:after{
  content:'';
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  border-radius:2px;
  background:var(--lime);
  transition:transform .2s ease,top .2s ease;
}
.menu-icon:before{top:3px}
.menu-icon:after{top:9px}
.menu-button[aria-expanded=true]{border-color:rgba(204,255,0,.72);background:rgba(255,255,255,.06)}
.menu-button[aria-expanded=true] .menu-icon:before{top:6px;transform:rotate(45deg)}
.menu-button[aria-expanded=true] .menu-icon:after{top:6px;transform:rotate(-45deg)}
@media(max-width:780px){
  .menu-button{display:inline-flex;flex:0 0 auto}
  .nav.open{flex-direction:column;align-items:stretch;gap:0;padding:12px 0 22px}
  .nav.open>a:not(.button){padding:14px 2px;border-bottom:1px solid rgba(255,255,255,.14)}
  .nav.open>.button{margin-top:16px;width:100%}
}

/* Innovation preview: energy, storage and mobility */
.hero{min-height:720px}.hero .wrap{padding-top:75px}.hero h1{font-size:clamp(48px,5.6vw,82px);max-width:990px;line-height:1.04}.hero .intro{max-width:570px}.hero-photo{object-position:60% 50%}.hero:after{background:linear-gradient(90deg,rgba(0,3,91,.98),rgba(0,3,91,.66) 48%,rgba(0,3,91,0))}.brand-slogan{height:auto;width:360px}.hero-slogan{width:360px;margin:26px 0 8px}.footer-slogan{width:270px;margin-top:24px}.hero-foot{margin-top:55px}.energy-mark{display:none}.solution-card .image{object-fit:cover}.innovation-strip{border-block:1px solid #ffffff26;margin-top:40px;padding:25px 0;display:flex;gap:30px;flex-wrap:wrap;font-size:11px;letter-spacing:.15em;color:var(--lime)}
@media(max-width:780px){.hero h1{font-size:61px}.hero-photo{object-position:75% 50%;opacity:.65}.hero:after{background:linear-gradient(90deg,rgba(0,3,91,.94),rgba(0,3,91,.55))}.hero .intro{max-width:510px}.hero-slogan{width:320px}.hero{min-height:760px}}
@media(max-width:520px){.hero .wrap{padding-top:48px}.hero h1{font-size:48px;letter-spacing:-.055em}.hero{min-height:750px}.hero .intro{font-size:14px}.hero-slogan{width:285px;margin-top:24px}.hero-foot{margin-top:40px}.hero-photo{object-position:73% 50%}.hero .eyebrow{font-size:9px}.utility .wrap{font-size:8px}.brand-slogan{max-width:100%}}

.concept-visual{margin:0;align-self:center}.split .concept-visual>img{height:auto;object-fit:contain;border-radius:3px}.concept-visual figcaption{font-size:11px;color:var(--muted);margin-top:12px;line-height:1.6}.solution-card:last-child .image{object-position:50% 65%}

.choice-row .mevanti-icon{width:48px;height:48px;flex-shrink:0;color:var(--navy);background:#f3f6e8;border-radius:14px}.choice-row>a:hover .mevanti-icon{background:var(--lime)}.choice-row>a:hover .mevanti-icon path[stroke="var(--lime)"]{stroke:var(--navy)}.feature .mevanti-icon{color:#e4e8e0;width:46px;height:46px;flex-shrink:0}.diagram .mevanti-icon{width:56px;height:56px}.choice-row>a{gap:15px}

/* Final cascade: preserve the Energy OS palette over component variants. */
.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,3,91,.66) 50%,rgba(0,3,91,0))}
.choice-row .mevanti-icon{color:#00035B;background:#EFFFB3}
@media(max-width:780px){.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,3,91,.58))}}

/* Basic Commercial preview — OS typography mapping */
h1,h2{font-weight:300;letter-spacing:-.04em}
h3,.button,.text-link,.nav>a,.eyebrow,.tag{font-weight:700}
body{font-weight:400}
.button,.pill,input,select,textarea,.form-shell,.finder-box,.guide-card,.about-band article,.contact-option{border-radius:10px}
.solution-card{border-radius:16px;box-shadow:0 12px 34px rgba(0,3,91,.08)}
.solution-card .image{border-radius:15px 15px 0 0}
.guide-card,.about-band article,.contact-option,.form-shell{box-shadow:0 10px 28px rgba(0,3,91,.06)}
@media(max-width:520px){.header .logo{width:210px;max-width:62vw}.hero h1{font-size:53px;letter-spacing:-.035em}.button{border-radius:9px}}

/* Connected-energy concept */
.ecosystem-section{background:#fff}
.ecosystem-head{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:46px}
.ecosystem-head h2{margin:0;max-width:900px}
.ecosystem-head>p{margin:0;color:var(--muted);max-width:430px}
.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;position:relative}
.ecosystem-grid:before{content:'';position:absolute;left:10%;right:10%;top:42px;height:3px;background:var(--lime);z-index:0}
.ecosystem-card{position:relative;z-index:1;min-height:220px;padding:27px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 30px rgba(0,3,91,.06)}
.ecosystem-number{display:grid;place-items:center;width:42px;height:42px;margin-bottom:35px;border-radius:50%;background:var(--lime);color:#000;font-size:11px;font-weight:700}
.ecosystem-card h3{margin-bottom:12px;color:var(--navy);font-size:24px}
.ecosystem-card p{margin:0;color:var(--muted);font-size:14px}
.trust-section{padding:76px 0;background:var(--navy);color:#fff}
.trust-section .eyebrow{color:var(--lime)}
.trust-section h2{max-width:760px;margin-bottom:42px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.trust-item{padding-top:22px;border-top:2px solid var(--lime)}
.trust-item h3{font-size:19px;letter-spacing:-.015em}
.trust-item p{margin:0;color:#bdc8d2;font-size:13px}
@media(max-width:900px){.ecosystem-head{grid-template-columns:1fr;gap:20px}.ecosystem-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-grid:before{display:none}.trust-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.utility{display:none}.ecosystem-section{padding-top:68px}.ecosystem-grid{grid-template-columns:1fr;gap:0;padding-left:20px}.ecosystem-grid:before{display:block;left:40px;right:auto;top:28px;bottom:28px;width:3px;height:auto}.ecosystem-card{min-height:0;margin-bottom:18px;padding:20px 20px 20px 74px}.ecosystem-number{position:absolute;left:17px;top:22px;margin:0}.ecosystem-card h3{font-size:20px}.trust-section{padding:62px 0}.trust-grid{grid-template-columns:1fr;gap:25px}.trust-section h2{font-size:40px}.cta .button{width:100%}}

/* Unified deep navy palette and readability pass */
:root{
  --navy:#00035B;
  --blue:#00035B;
  --lime:#CCFF00;
  --paper:#F1F4F6;
  --ink:#141722;
  --muted:#555E69;
  --line:#DDE2E7;
  --on-dark:#FFFFFF;
  --on-dark-muted:#CFD0EF;
}
.utility,.header,.footer,.sticky-mobile{background:#00035B}
.hero,.page-hero,.dark-section{background:linear-gradient(105deg,#000004 0%,#00035B 100%)}
.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,3,91,.66) 50%,rgba(0,3,91,0))}
.button{background:#CCFF00;color:#00035B}
.button.dark,.photo-note,.finder-box select{background:#00035B}
.text-link,.jump-nav a,.service-detail h2,.contact-option a{color:#00035B}
.utility,.hero-foot,.page-hero p:not(.eyebrow),.breadcrumbs,.footer p,.footer h3,.copyright{color:var(--on-dark-muted)}
.hero .intro,.dark-section p,.dark-section .split p,.dark-section .feature p,.trust-item p{color:#E9EAFF}
.dark-section .feature{border-color:#ffffff2e}
.dark-section .text-link{color:#fff}
.finder .description>p{color:var(--muted)}
.solution-card p,.section-head>p,.process p,.faq-grid>div>p,details p,.about-band p,.contact-option p,.form-shell>p,.guide-card p,.readable p,.readable li,.ecosystem-head>p,.ecosystem-card p{color:var(--muted)}
@media(max-width:780px){.hero:after{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,3,91,.58))}}


/* Secure contact form */
.hp-field{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;clip-path:inset(50%)!important}
#submit-enquiry:disabled{cursor:wait;opacity:.72;transform:none}
.form-status{min-height:1.65em;margin:18px 0 0;font-size:14px;font-weight:700}
.form-status[data-state="sending"]{color:var(--muted)}
.form-status[data-state="success"]{color:#316600}
.form-status[data-state="error"]{color:#a31d1d}
.enquiry-fallback{margin:8px 0 0;font-size:13px;color:var(--muted)}
.enquiry-success{margin-top:28px;padding:30px;background:var(--navy);color:#fff;border-radius:12px;border-top:4px solid var(--lime)}
.enquiry-success .eyebrow{color:var(--lime);margin-bottom:15px}
.enquiry-success h3{margin-bottom:12px}
.enquiry-success p{color:#E9EAFF;margin-bottom:0}
.enquiry-success .enquiry-reference{margin-top:16px;color:#BFC5FF;font-size:11px;overflow-wrap:anywhere}