:root{--black:#101112;--ink:#191a1b;--yellow:#f4c72f;--paper:#f5f5f1;--line:#d7d8d5;--white:#fff;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;background:var(--yellow);padding:1rem;z-index:30}.skip:focus{top:1rem}.wrap{width:min(100% - 80px,1280px);margin:auto}.header{background:var(--black);color:#fff;border-bottom:1px solid #343434}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand img{width:205px;height:auto}.header nav{display:flex;gap:2rem;font-size:.91rem}.header nav a:hover,.footer a:hover{color:var(--yellow)}.header-cta{font-size:.84rem;font-weight:700;border:1px solid #777;padding:15px 18px;white-space:nowrap}.header-cta span{color:var(--yellow);margin-left:.8rem}.hero{background:var(--black);color:white;display:grid;grid-template-columns:48% 52%;min-height:min(740px,calc(100svh - 94px))}.hero-copy{padding:clamp(45px,5vw,90px) 7% 25px max(40px,calc((100vw - 1280px)/2));display:flex;flex-direction:column;justify-content:space-between}.hero-copy-inner{max-width:640px}.eyebrow{font-size:.72rem;letter-spacing:.17em;font-weight:800;color:var(--yellow);margin:0 0 32px}.eyebrow.dark{color:#8a6800}.hero h1{font-size:clamp(2.75rem,4.45vw,5.4rem);line-height:1.03;letter-spacing:-.055em;margin:0;font-weight:800;max-width:680px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-lead{font-size:1.08rem;line-height:1.65;max-width:520px;color:#c6c6c6;margin:30px 0 32px}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:19px 23px;min-height:58px;font-size:.94rem;font-weight:800}.button span,.text-link span{font-size:1.25rem}.button-yellow{background:var(--yellow);color:var(--black)}.button:hover{transform:translateY(-2px)}.text-link{font-size:.92rem;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:8px;display:inline-flex;gap:18px;align-items:center}.hero-index{color:#888;font-size:.7rem;letter-spacing:.16em;padding-top:40px}.hero-visual{position:relative;min-height:600px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 58%;position:absolute;inset:0}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 35%)}.photo-label{position:absolute;bottom:30px;right:30px;background:var(--yellow);color:var(--black);padding:12px 16px;font-size:.72rem;font-weight:900;letter-spacing:.1em;z-index:1}.photo-label span{margin-left:18px}.section{padding:clamp(76px,9vw,130px) 0}.section-head{margin-bottom:54px}.section h2,.final-cta h2{font-size:clamp(2.25rem,4.15vw,4.9rem);line-height:1.08;letter-spacing:-.055em;margin:0;font-weight:800}.section h2 span{color:#777}.solution-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;border:1px solid var(--line)}.solution{min-height:310px;padding:30px;display:flex;flex-direction:column;border-left:1px solid var(--line)}.solution:first-child{border:0}.solution.featured{background:var(--yellow)}.number{font-size:.78rem;font-weight:800}.solution h3{font-size:1.65rem;letter-spacing:-.04em;margin:auto 0 12px}.solution p{font-size:1rem;line-height:1.55;max-width:300px;margin:0 0 25px}.solution a{font-size:.84rem;font-weight:800;display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:14px}.dark-panel,.region{background:var(--black);color:white}.method{display:grid;grid-template-columns:1fr 1fr;gap:10%}.method h2{max-width:580px}.method-body>p{font-size:1.18rem;line-height:1.65;color:#c9c9c9;margin:0 0 35px}.steps{list-style:none;margin:0;padding:0}.steps li{border-top:1px solid #474747;padding:17px 0;font-size:1.16rem;font-weight:700}.steps li:last-child{border-bottom:1px solid #474747}.steps span{color:var(--yellow);font-size:.75rem;margin-right:28px}.method small{display:block;margin-top:20px;color:#aaa;font-size:.81rem}.split{display:flex;justify-content:space-between;align-items:end;gap:40px}.split>p{max-width:325px;line-height:1.6;color:#555;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px}.project{margin:0;background:var(--black);position:relative;height:520px;overflow:hidden}.project img{width:100%;height:100%;object-fit:cover;object-position:center 67%}.project-large img{object-position:center 58%}.project figcaption{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.85));color:white;padding:70px 25px 25px;display:flex;justify-content:space-between;font-size:.9rem;font-weight:700}.solar-section{background:var(--paper)}.solar-layout,.engineering-layout,.region-layout,.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.solar-layout p:not(.eyebrow),.engineering-copy p:not(.eyebrow),.region-layout p:not(.eyebrow),.about p:not(.eyebrow){font-size:1.13rem;line-height:1.7;margin:0 0 25px}.button-black{background:var(--black);color:white;margin-top:15px}.applications h2{margin-bottom:60px}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}.application-grid>div{padding:28px 34px 0 0;border-right:1px solid var(--line)}.application-grid>div+div{padding-left:34px}.application-grid>div:last-child{border-right:0}.application-grid span{font-size:.75rem;color:#8a6800;font-weight:800}.application-grid h3{font-size:1.6rem;letter-spacing:-.04em;margin:45px 0 15px}.application-grid p{line-height:1.6;color:#555;max-width:290px}.engineering{background:#e9e9e4}.engineering-layout{grid-template-columns:.9fr 1.1fr;align-items:center}.engineering-photo{height:530px;overflow:hidden}.engineering-photo img{width:100%;height:100%;object-fit:cover;object-position:center 44%}.engineering-copy{max-width:540px}.engineering-copy p:not(.eyebrow){margin-top:30px}.dark-link{margin-top:12px}.region-layout{align-items:start}.region-layout h2{margin-bottom:30px}.region-layout p:not(.eyebrow){color:#c7c7c7}.cities{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.cities span{padding:19px 0;border-bottom:1px solid #555;font-size:1rem}.cities span:first-child{color:var(--yellow);font-weight:800}.about-layout{display:grid;grid-template-columns:1fr 2fr;gap:8%;align-items:start}.about p:not(.eyebrow){margin:25px 0 0;max-width:780px;color:#555}.faq{background:var(--paper)}.faq-items details{border-bottom:1px solid #bbb;padding:0}.faq-items details:first-child{border-top:1px solid #bbb}.faq-items summary{list-style:none;cursor:pointer;padding:22px 35px 22px 0;position:relative;font-size:1.03rem;font-weight:700}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:'+';position:absolute;right:3px;font-size:1.4rem;top:18px}.faq-items details[open] summary:after{content:'−'}.faq-items p{line-height:1.65;color:#555;margin:0 30px 22px 0}.final-cta{padding:110px 0;background:var(--yellow)}.final-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:12%;align-items:end}.final-cta h2{max-width:820px}.final-cta p:not(.eyebrow){line-height:1.65;max-width:690px;font-size:1.08rem;margin:25px 0 0}.cta-note{border-top:2px solid var(--black);padding:20px 0;display:flex;flex-direction:column;gap:8px}.cta-note .note-mark{font-size:2rem;align-self:end}.cta-note strong{font-size:1.25rem}.cta-note span:last-child{font-size:.9rem}.footer{background:var(--black);color:#fff;padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px;align-items:start}.footer-top img{width:220px}.footer-top p{font-size:1rem;line-height:1.6;color:#aaa}.footer-top nav{display:grid;gap:14px;font-size:.9rem}.footer-bottom{border-top:1px solid #454545;margin-top:65px;padding-top:25px;display:flex;justify-content:space-between;gap:20px;color:#999;font-size:.78rem}
@media(max-width:1000px){.header nav{display:none}.hero-copy{padding-left:40px}.hero h1{font-size:clamp(2.6rem,5vw,4rem)}.hero-visual{min-height:580px}.wrap{width:min(100% - 48px,1280px)}}
@media(max-width:760px){.wrap{width:min(100% - 40px,1280px)}.header-inner{height:70px}.brand img{width:142px}.header-cta{font-size:.71rem;padding:10px;border:0;background:var(--yellow);color:var(--black)}.header-cta span{display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:44px 20px 28px}.eyebrow{font-size:.66rem;margin-bottom:22px}.hero h1{font-size:clamp(2.65rem,10.4vw,4.25rem);max-width:620px}.hero-lead{font-size:1rem;line-height:1.5;margin:20px 0 24px}.hero-actions{gap:18px}.button{padding:16px 18px;min-height:54px;font-size:.87rem}.hero-index{display:none}.hero-visual{height:300px;min-height:0}.hero-visual img{object-position:center 55%}.photo-label{bottom:12px;right:12px;font-size:.6rem}.section{padding:72px 0}.section h2,.final-cta h2{font-size:clamp(2.15rem,8vw,3.45rem)}.section-head{margin-bottom:36px}.solution-grid,.method,.solar-layout,.engineering-layout,.region-layout,.faq-layout,.about-layout,.final-layout,.footer-top{grid-template-columns:1fr;gap:32px}.solution{min-height:240px;border-left:0;border-top:1px solid var(--line)}.solution:first-child{border:0}.solution h3{margin:32px 0 12px}.method-body>p{font-size:1rem}.split{display:block}.split>p{margin-top:25px}.project-grid{grid-template-columns:1fr;gap:14px}.project{height:380px}.project-large{height:420px}.solar-layout p:not(.eyebrow),.engineering-copy p:not(.eyebrow),.region-layout p:not(.eyebrow),.about p:not(.eyebrow){font-size:1rem}.application-grid{display:block}.applications h2{margin-bottom:35px}.application-grid>div,.application-grid>div+div{padding:20px 0;border-right:0;border-bottom:1px solid var(--line)}.application-grid h3{margin:18px 0 10px}.engineering-photo{height:360px}.engineering-copy{padding-top:8px}.cities{gap:0 14px}.cities span{font-size:.85rem}.faq-layout{gap:35px}.final-cta{padding:75px 0}.footer-top img{width:190px}.footer-bottom{display:grid;margin-top:45px}.footer{padding-top:50px}}@media(max-width:390px){.header-cta{font-size:.67rem}.brand img{width:125px}.hero h1{font-size:2.45rem}.hero-actions{display:block}.hero-actions .button{width:100%}.hero-actions .text-link{margin-top:18px}}
/* Brand scale and project-photo framing */
.header-inner{height:152px;gap:clamp(16px,2.8vw,40px)}
.brand{display:block;flex:none}
.brand img{width:clamp(265px,23.5vw,310px);height:auto}
.header nav{gap:clamp(14px,2vw,30px);font-size:1rem}
.header-cta{font-size:.94rem}
.hero{min-height:min(740px,calc(100svh - 152px))}
.hero-visual img{object-position:center 75%}
.project-large img{object-position:center 65%}
.footer-top img{width:285px;height:auto}
@media(max-width:1000px){.header-inner{height:144px}.brand img{width:285px}.header nav{display:flex;gap:18px;font-size:.88rem}.header-cta{font-size:.84rem}.hero{min-height:min(740px,calc(100svh - 144px))}}
@media(max-width:820px){.header nav{display:none}}
@media(max-width:760px){.header-inner{height:112px;gap:10px}.brand img{width:clamp(180px,52vw,225px)}.header-cta{font-size:.78rem;white-space:normal;text-align:center;max-width:118px;line-height:1.25;padding:11px 8px}.hero{min-height:0}.hero-visual img{object-position:center 75%}.footer-top img{width:245px}}
@media(max-width:390px){.header-inner{height:105px}.brand img{width:clamp(175px,51vw,200px)}.header-cta{font-size:.73rem;max-width:103px}}
@media(max-width:350px){.header-cta{max-width:90px;font-size:.69rem}.brand img{width:175px}}
/* Mobile: one opening scene with the photograph behind the message. */
@media(max-width:760px){
  .hero{position:relative;display:block;min-height:max(620px,calc(100svh - 112px));isolation:isolate;overflow:hidden}
  .hero-copy{position:relative;z-index:2;min-height:inherit;padding:42px 20px 112px;display:block;background:transparent}
  .hero-copy-inner{max-width:620px}
  .hero-lead{color:#f0f0f0;text-shadow:0 1px 2px rgba(0,0,0,.5)}
  .hero-visual{position:absolute;inset:0;height:100%;min-height:0;z-index:0}
  .hero-visual img{width:100%;height:100%;object-position:center 69%}
  .hero-visual:after{background:linear-gradient(to bottom,rgba(10,11,12,.97) 0%,rgba(10,11,12,.88) 28%,rgba(10,11,12,.73) 54%,rgba(10,11,12,.2) 82%,rgba(10,11,12,.06) 100%)}
  .photo-label{bottom:18px;right:20px}
}
@media(max-width:390px){.hero{min-height:max(630px,calc(100svh - 105px))}}
/* Black pixels in the supplied mark merge into the dark site surface. */
.brand img,.footer-top img{mix-blend-mode:screen}
/* Compact scale: preserve the composition while bringing the first action into view. */
@media(min-width:761px){
  .header-inner{height:114px}
  .brand img{width:clamp(205px,17.5vw,235px)}
  .header nav{gap:clamp(14px,1.7vw,24px);font-size:.88rem}
  .header-cta{font-size:.83rem;padding:12px 15px}
  .hero{min-height:min(555px,calc(100svh - 114px))}
  .hero-visual{min-height:0}
  .hero-copy{padding-top:clamp(34px,3.8vw,68px)}
  .hero h1{font-size:clamp(2.3rem,3.34vw,4.05rem)}
  .hero-lead{font-size:1rem;margin:22px 0 24px}
  .hero-index{padding-top:24px}
  .section{padding:clamp(62px,6.75vw,98px) 0}
  .section h2,.final-cta h2{font-size:clamp(1.9rem,3.15vw,3.7rem)}
  .section-head{margin-bottom:40px}
  .solution{min-height:245px;padding:23px}
  .solution h3{font-size:1.4rem}
  .project{height:390px}
  .engineering-photo{height:400px}
  .final-cta{padding:82px 0}
  .footer-top img{width:215px}
}
.button{min-height:50px;padding:15px 18px;font-size:.88rem}
@media(max-width:760px){
  .header-inner{height:90px}
  .brand img{width:clamp(165px,44vw,185px)}
  .header-cta{font-size:.73rem;max-width:104px;padding:9px 7px}
  .hero{min-height:max(520px,calc(100svh - 90px))}
  .hero-copy{padding:30px 20px 90px}
  .hero h1{font-size:clamp(1.95rem,8vw,3.2rem)}
  .hero-lead{font-size:1rem;margin:17px 0 19px}
  .hero-actions{gap:14px}
  .section{padding:54px 0}
  .section h2,.final-cta h2{font-size:clamp(1.75rem,6.2vw,2.6rem)}
  .section-head{margin-bottom:27px}
  .solution{min-height:190px;padding:22px}
  .solution h3{font-size:1.4rem;margin:23px 0 10px}
  .project{height:295px}
  .project-large{height:325px}
  .engineering-photo{height:285px}
  .final-cta{padding:58px 0}
  .footer-top img{width:185px}
}
@media(max-width:390px){
  .header-inner{height:86px}
  .brand img{width:clamp(150px,43vw,168px)}
  .header-cta{font-size:.69rem;max-width:96px}
  .hero{min-height:max(525px,calc(100svh - 86px))}
  .hero h1{font-size:clamp(1.9rem,8vw,2.8rem)}
}
@media(min-width:761px) and (max-width:1100px){.header nav{display:none}}
/* Header mark reduced a further 20%; footer mark keeps its prior scale. */
@media(min-width:761px){
  .header-inner{height:108px}
  .brand img{width:clamp(164px,14vw,188px)}
  .hero{min-height:min(555px,calc(100svh - 108px))}
}
@media(max-width:760px){
  .header-inner{height:86px}
  .brand img{width:clamp(132px,35.2vw,148px)}
  .hero{min-height:max(520px,calc(100svh - 86px))}
}
@media(max-width:390px){
  .header-inner{height:78px}
  .brand img{width:clamp(120px,34.4vw,135px)}
  .hero{min-height:max(525px,calc(100svh - 78px))}
}
/* Supplied horizontal header mark; original stacked mark remains in the footer. */
@media(min-width:761px){
  .header-inner{height:86px}
  .brand img{width:clamp(220px,20vw,280px)}
  .hero{min-height:min(555px,calc(100svh - 86px))}
}
@media(max-width:760px){
  .header-inner{height:72px}
  .brand img{width:clamp(175px,50vw,210px)}
  .hero{min-height:max(520px,calc(100svh - 72px))}
}
@media(max-width:390px){
  .header-inner{height:70px}
  .brand img{width:clamp(160px,49vw,190px)}
  .hero{min-height:max(525px,calc(100svh - 70px))}
}
/* Mobile typography only: rem-based text grows 15%, layout sizes stay stable. */
@media(max-width:760px){
  html{font-size:115%}
  .header-cta{max-width:116px}
  .button{gap:16px}
  .hero h1{font-size:clamp(1.95rem,9.2vw,3.2rem)}
  .section h2,.final-cta h2{font-size:clamp(1.75rem,7.13vw,2.6rem)}
}
@media(max-width:390px){.header-cta{max-width:108px}.hero h1{font-size:clamp(1.9rem,9.2vw,2.8rem)}}
/* Strategic refinement within the existing visual language. */
.header{position:relative;z-index:10}
.mobile-menu{display:none}
.solution-grid{grid-template-columns:1fr 1fr}
.method{display:block}
.method>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end;margin-bottom:40px}
.method h2{max-width:680px}
.method h2 span{color:#aaa}
.method-intro{font-size:1.06rem;line-height:1.65;color:#c9c9c9;margin:0 0 5px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.steps li{display:flex;flex-direction:column;gap:15px;font-size:1rem;padding:20px 14px;border-bottom:1px solid #474747;border-right:1px solid #474747}
.steps li:first-child{padding-left:0}
.steps li:last-child{border-right:0}
.steps span{margin:0;font-size:.75rem}
.final-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}
.final-actions .button-black{margin:0}
.cta-guidance{border-top:2px solid var(--black);display:grid;gap:18px;padding-top:20px}
.cta-guidance>div+div{border-top:1px solid rgba(0,0,0,.35);padding-top:18px}
.cta-guidance strong{font-size:1rem}
.cta-guidance p{font-size:.95rem!important;line-height:1.5!important;margin:8px 0 0!important}
#orientacoes-consumo,#orientacoes-projeto{scroll-margin-top:24px}
@media(max-width:1250px){
  .desktop-nav{display:none!important}
  .mobile-menu{display:block;margin-left:auto;position:relative}
  .mobile-menu summary{cursor:pointer;list-style:none;padding:12px 15px;border:1px solid #666;font-size:.85rem;font-weight:700;white-space:nowrap}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary span{color:var(--yellow);margin-left:8px}
  .mobile-menu nav{display:grid!important;position:absolute;right:0;top:calc(100% + 8px);min-width:230px;background:var(--black);border:1px solid #555;box-shadow:0 15px 25px rgba(0,0,0,.3);z-index:20;gap:0;padding:8px}
  .mobile-menu nav a{padding:12px 10px;border-bottom:1px solid #383838;font-size:.9rem}
  .mobile-menu nav a:last-child{border:0}
  .steps{grid-template-columns:repeat(2,1fr)}
  .steps li:nth-child(2n){border-right:0}
}
@media(max-width:760px){
  .header-cta{display:none}
  .mobile-menu summary{font-size:.78rem;padding:10px 12px}
  .solution-grid{grid-template-columns:1fr}
  .method>div:first-child{display:block;margin-bottom:27px}
  .method-intro{margin:18px 0 0;font-size:1rem}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps li{min-height:90px;padding:16px 8px;font-size:.9rem}
  .steps li:nth-child(2n){border-right:0}
  .steps li:nth-child(3){border-right:1px solid #474747}
  .steps li:first-child{padding-left:0}
  .final-actions{align-items:flex-start;gap:18px}
}
@media(max-width:390px){.mobile-menu summary{font-size:.75rem}}
/* Contact and social channels use the supplied profiles and verified primary number. */
.header-social{display:flex;gap:6px;align-items:center}
.header-social a{display:grid;place-items:center;width:32px;height:32px;border:1px solid #666;font-size:.68rem;font-weight:800;letter-spacing:.04em}
.header-social a:hover{color:var(--yellow);border-color:var(--yellow)}
.header-social svg{width:17px;height:17px;fill:currentColor;display:block}
.menu-social{display:flex;gap:16px;padding:10px;border-top:1px solid #555}
.menu-social a{padding:4px 0!important;border:0!important;font-size:.85rem!important}
.menu-social a{display:inline-flex;align-items:center;gap:8px}
.menu-social svg{width:18px;height:18px;fill:currentColor;flex:none}
.footer-contact{display:grid;align-content:start;gap:12px;font-size:.9rem;overflow-wrap:anywhere}
.footer-contact strong{font-size:1rem;color:var(--yellow)}
.footer-contact a:hover,.footer-social a:hover{color:var(--yellow)}
.footer-social{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.whatsapp-float{position:fixed;left:24px;bottom:22px;z-index:50;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--yellow);color:var(--black);border:2px solid var(--black);box-shadow:0 4px 14px rgba(0,0,0,.27)}
.whatsapp-float svg{width:29px;height:29px;fill:currentColor}
.whatsapp-float:hover{transform:translateY(-2px)}
.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(min-width:761px){.footer-top{grid-template-columns:1fr .9fr .8fr 1.35fr;gap:clamp(20px,3vw,45px)}}
@media(min-width:761px) and (max-width:1050px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:760px){.header-social{display:none}.footer-contact{font-size:.88rem}.whatsapp-float{left:16px;bottom:16px;width:52px;height:52px}.whatsapp-float svg{width:27px;height:27px}}
/* Keep the floating action proportional to its original size. */
.whatsapp-float{width:67.2px;height:67.2px}
.whatsapp-float svg{width:34.8px;height:34.8px}
@media(max-width:760px){.whatsapp-float{width:62.4px;height:62.4px}.whatsapp-float svg{width:32.4px;height:32.4px}}
/* Desktop header controls share a clear yellow hover state. */
@media(min-width:761px) and (hover:hover){
  .desktop-nav a,.header-cta,.header-cta span,.header-social a,.mobile-menu summary,.mobile-menu summary span{transition:color .18s ease,background-color .18s ease,border-color .18s ease}
  .desktop-nav a:hover{color:var(--yellow)}
  .header-cta:hover,.header-social a:hover,.mobile-menu summary:hover{background:var(--yellow);border-color:var(--yellow);color:var(--black)}
  .header-cta:hover span,.mobile-menu summary:hover span{color:var(--black)}
}
/* Center the closing credit and give the original footer mark more room on phones. */
@media(max-width:760px){
  .footer-top img{width:222px;max-width:100%}
}
/* Center both credits at every viewport width. */
.footer .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
/* Center the principal mobile reading path, as in the supplied reference. */
@media(max-width:760px){
  .hero-copy{text-align:center}
  .hero-copy-inner{margin-inline:auto}
  .hero h1,.hero-lead{margin-left:auto;margin-right:auto}
  .hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:16px}
  .hero-actions .button{width:100%;max-width:460px;margin-inline:auto;justify-content:center;position:relative;padding-right:42px;padding-left:42px}
  .hero-actions .button span{position:absolute;right:18px}
  .hero-actions .text-link{align-self:center;margin-top:0}
  .section-head,.solutions,.method,.solar-layout,.applications,.engineering-copy,.region-layout,.about-layout,.faq-layout>div:first-child,.final-layout{text-align:center}
  .split>p,.solution p,.application-grid p,.engineering-copy p,.region-layout p,.about p{margin-left:auto;margin-right:auto}
  .solution a{justify-content:center;gap:12px}
  .method h2,.method-intro{margin-left:auto;margin-right:auto}
  .steps li{align-items:center;text-align:center}
  .solar-layout .button{margin-left:auto;margin-right:auto}
  .cities span{text-align:center}
  .final-actions{flex-direction:column;align-items:stretch}
  .final-actions .button{width:100%;justify-content:center;position:relative;padding-right:42px;padding-left:42px}
  .final-actions .button span{position:absolute;right:18px}
  .final-actions .text-link{align-self:center}
  .footer-top{text-align:center}
  .footer-top img{margin-inline:auto}
  .footer-social{justify-content:center}
  .faq-items{text-align:left}
}