@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');
:root{--navy:#101c2b;--navy2:#172a3d;--yellow:#ffb83d;--yellow2:#ffd273;--text:#1d2936;--muted:#687584;--white:#fff;--soft:#f5f7f8;--line:#e7ecf0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}svg{display:block}button{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:10px;top:-70px;background:white;padding:12px;z-index:999}.skip-link:focus{top:10px}.site-header{height:82px;background:var(--navy);position:sticky;top:0;z-index:100;border-bottom:1px solid #ffffff15}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:11px;color:white;flex-shrink:0}.brand-symbol{display:grid;place-items:center;width:42px;height:48px;color:var(--yellow)}.brand-symbol svg{width:31px;height:39px}.brand-name{font-family:Outfit,Arial,sans-serif;display:flex;flex-direction:column;font-size:18px;font-weight:500;letter-spacing:.055em;line-height:1.05}.brand-name strong{color:var(--yellow);font-weight:900;letter-spacing:.12em}.brand-name small{font-family:'DM Sans',Arial,sans-serif;color:#99aabd;font-size:8px;font-weight:700;letter-spacing:.19em;margin-top:5px}.site-nav{display:flex;align-items:center;gap:29px}.site-nav>a:not(.nav-cta){font-size:13px;color:#d9e2e9;transition:color .2s}.site-nav>a:hover{color:var(--yellow)}.nav-cta{background:var(--yellow);color:var(--navy);padding:13px 18px;border-radius:7px;font-size:12px;font-weight:800;white-space:nowrap}.nav-cta span{margin-left:7px}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 45%,#253f53 0%,#101c2b 60%);color:white}.hero-grid{position:absolute;inset:0;opacity:.21;background-image:linear-gradient(#55738b26 1px,transparent 1px),linear-gradient(90deg,#55738b26 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(to right,transparent 20%,black)}.hero-content{position:relative;min-height:610px;display:grid;grid-template-columns:1fr .96fr;align-items:center;gap:20px}.hero-copy{padding:45px 0 58px;z-index:2}.eyebrow,.section-kicker{color:#d89a37;font-weight:800;letter-spacing:.18em;font-size:11px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--yellow2);background:#ffca6420;border:1px solid #ffca6437;border-radius:30px;padding:10px 13px;letter-spacing:.11em;font-size:10px}.eyebrow-dot{width:7px;height:7px;background:var(--yellow);border-radius:50%}.hero h1,h2,h3{font-family:Outfit,Arial,sans-serif}.hero h1{font-size:clamp(45px,5vw,72px);max-width:650px;font-weight:800;letter-spacing:-.044em;line-height:1.06;margin:25px 0 19px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy>p{color:#bed0dc;max-width:550px;line-height:1.75;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px;margin-top:31px}.btn{min-height:52px;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:14px 20px;border-radius:7px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;text-align:center}.btn:hover,.nav-cta:hover{transform:translateY(-2px)}.btn-primary{background:var(--yellow);color:#172336;box-shadow:0 9px 26px #ffb83d20}.btn-primary:hover{background:#ffd079}.btn-primary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn-outline{color:#fff;border:1px solid #8092a257;background:#ffffff08}.btn-outline:hover{background:#ffffff19}.hero-points{display:flex;gap:23px;flex-wrap:wrap;margin-top:34px;color:#bac8d2;font-size:12px}.hero-points b{color:var(--yellow);margin-right:5px}.hero-art{position:relative;height:535px;display:flex;align-items:center;justify-content:center}.city-art{width:115%;max-width:650px;position:relative;z-index:2;filter:drop-shadow(0 25px 20px #0003)}.art-glow{position:absolute;width:480px;height:460px;border-radius:50%;background:radial-gradient(circle,#3a607c68,transparent 65%)}.art-caption{position:absolute;z-index:4;right:4%;bottom:8%;display:flex;align-items:center;gap:11px;background:#fefefe;box-shadow:0 15px 35px #0003;color:#15283a;padding:12px 17px;border-radius:9px}.caption-icon{background:#fff0d5;color:#d88c10;width:37px;height:37px;border-radius:7px;display:grid;place-items:center;font-size:20px}.art-caption strong,.art-caption small{display:block}.art-caption strong{font-size:13px}.art-caption small{font-size:10px;color:#778795;margin-top:3px}.hero-bottom-line{height:5px;background:linear-gradient(90deg,var(--yellow),#ffdc90,var(--yellow))}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-list{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:15px}.trust-list span{font-family:Outfit;font-size:13px;font-weight:800;color:#647381;letter-spacing:.16em}.trust-list i{height:6px;width:6px;background:#ffc45b;border-radius:50%}.section{padding:105px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:42px}.section-head h2,.about-copy h2,.solar-grid h2,.process-section h2,.contact-panel h2{font-size:clamp(32px,3.3vw,49px);line-height:1.12;letter-spacing:-.036em;margin:16px 0 0;max-width:650px}.section-head h2 span,.about-copy h2 span,.process-section h2 span{color:#d89c37}.section-head>p{max-width:340px;color:var(--muted);line-height:1.7;font-size:14px}.services-section{background:var(--soft)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:11px;padding:30px 23px 26px;min-height:366px;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px #10203012}.service-icon{width:60px;height:60px;border-radius:12px;background:#fff5e5;display:grid;place-items:center;color:#d98e1a;margin-bottom:24px}.service-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-number{font-size:10px;color:#b58436;letter-spacing:.14em;font-weight:800}.service-card h3{font-size:23px;letter-spacing:-.025em;margin:11px 0}.service-card p{font-size:13px;color:var(--muted);line-height:1.75;margin:0 0 25px}.service-card a{margin-top:auto;font-size:12px;font-weight:800;color:#b77d22}.service-card a span{margin-left:5px}.feature-card{background:#182b3b;border-color:#182b3b}.feature-card h3{color:#fff}.feature-card p{color:#b7c5ce}.feature-card a{color:var(--yellow)}.feature-card .service-icon{background:#354450;color:var(--yellow)}.feature-card .service-number{color:var(--yellow2)}.about-grid{display:grid;grid-template-columns:.93fr 1fr;gap:90px;align-items:center}.about-visual{height:440px;background:linear-gradient(145deg,#172d40,#101a29);border-radius:13px;display:grid;place-items:center;position:relative;overflow:hidden}.about-pattern{position:absolute;inset:-90px;background:repeating-linear-gradient(40deg,transparent 0,transparent 29px,#ffffff08 30px,#ffffff08 31px)}.about-visual:before,.about-visual:after{content:'';position:absolute;border:1px solid #ffbf5055;border-radius:50%;width:330px;height:330px}.about-visual:after{width:450px;height:450px;border-color:#ffbf5020}.about-symbol{font-family:Outfit;font-size:120px;font-weight:900;letter-spacing:-.09em;color:white;z-index:2}.about-symbol span{color:var(--yellow)}.about-label{position:absolute;bottom:34px;color:#bec9d5;font-size:11px;font-weight:800;letter-spacing:.24em}.about-label span{color:var(--yellow)}.about-copy>p{line-height:1.83;color:var(--muted);font-size:14px}.about-copy h2{margin-bottom:24px}.about-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:27px 0}.about-highlights>div{display:flex;flex-direction:column;gap:5px}.highlight-mark{color:#b78428;font-weight:800;font-size:18px}.about-highlights strong{font-size:13px}.about-highlights small{font-size:12px;line-height:1.5;color:var(--muted)}.text-link{color:#b47b22;font-weight:800;font-size:13px;display:inline-block;margin-top:10px}.solar-section{background:#102337;color:#fff;overflow:hidden}.solar-grid{min-height:406px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:45px}.solar-grid>div:first-child{padding:62px 0}.solar-grid h2 span,.contact-panel h2 span{color:var(--yellow)}.solar-grid p{color:#bfd0dd;line-height:1.8;max-width:490px;font-size:14px;margin:22px 0 28px}.kicker-yellow{color:var(--yellow)}.solar-illustration{height:380px;position:relative;display:grid;place-items:center;perspective:600px}.solar-sun{position:absolute;width:160px;height:160px;border-radius:50%;top:25px;right:75px;background:radial-gradient(circle,#ffdf88,#ffad2e);box-shadow:0 0 75px #ffb32b55}.solar-panel{transform:perspective(550px) rotateX(39deg) rotateZ(-23deg);width:320px;height:215px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:6px;padding:8px;background:#8ca7b7;border:7px solid #718fa0;box-shadow:15px 29px 0 #101b2c,23px 48px 35px #0009;z-index:2}.solar-panel div{background:linear-gradient(140deg,#2c6a8c,#132d49 60%,#214b68);box-shadow:inset 0 0 0 1px #4988a1}.solar-shine{font-size:44px;color:var(--yellow);position:absolute;right:5%;top:27%;z-index:3}.process-section{text-align:center}.process-section h2{margin:17px auto 48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left}.steps>div{border-top:2px solid #e8edf1;padding-top:22px}.steps span{font-family:Outfit;font-size:36px;font-weight:800;color:#e3ac4e}.steps h3{font-size:22px;margin:9px 0}.steps p{color:var(--muted);font-size:13px;line-height:1.7;max-width:275px}.contact-section{padding:12px 0 84px;background:#fff}.contact-panel{padding:63px 65px;border-radius:14px;background:linear-gradient(105deg,#122438,#203c50);color:white;display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;overflow:hidden}.contact-panel:after{content:'';position:absolute;border:1px solid #ffffff16;width:450px;height:450px;border-radius:50%;right:-220px;top:-200px;pointer-events:none}.contact-panel h2{max-width:600px}.contact-panel p{max-width:570px;color:#c0cfdb;line-height:1.7;font-size:14px}.contact-phone{display:flex;flex-direction:column;gap:6px;margin-top:20px}.contact-phone span{font-size:10px;letter-spacing:.2em;color:var(--yellow);font-weight:800}.contact-phone strong{font-family:Outfit;font-size:25px}.contact-side{display:flex;align-items:center;flex-direction:column;gap:13px;z-index:2;flex-shrink:0}.btn-large{min-width:285px}.contact-side small{font-size:10px;color:#b8c8d5;max-width:260px;text-align:center;line-height:1.6}.footer{background:#101c2b;color:white;padding:37px 0}.footer-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-right{text-align:right}.footer-right p{font-size:12px;color:#c0ced9}.footer-right small{font-size:11px;color:#879aab}.whatsapp-float{position:fixed;right:22px;bottom:23px;z-index:150;display:flex;align-items:center;gap:10px;border-radius:40px;padding:12px 17px;background:#23be61;color:white;box-shadow:0 8px 30px #11753b59;font-size:12px;font-weight:800;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px);background:#1aa952}.whatsapp-float svg{width:25px;height:25px}
@media(max-width:1100px){.site-nav{gap:16px}.site-nav>a:not(.nav-cta){font-size:12px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:310px}.about-grid{gap:42px}.hero h1{font-size:clamp(44px,5vw,61px)}.contact-panel{padding:50px 40px}}@media(max-width:800px){.site-header{height:73px}.menu-toggle{display:flex;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #ffffff36;border-radius:8px;background:transparent;cursor:pointer}.menu-toggle span{width:19px;height:2px;background:white;border-radius:2px}.site-nav{display:none;position:absolute;left:0;right:0;top:73px;flex-direction:column;align-items:stretch;gap:0;padding:13px 24px 22px;background:#101c2b;border-bottom:1px solid #ffffff26;box-shadow:0 15px 28px #0003}.site-nav.is-open{display:flex}.site-nav>a:not(.nav-cta){font-size:15px;padding:12px 8px}.site-nav .nav-cta{margin-top:10px;text-align:center}.hero-content{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding:73px 0 0}.hero-art{height:360px;max-width:580px;width:100%;margin:auto}.city-art{height:370px;width:100%}.art-caption{bottom:0;right:6%}.trust-list{min-height:80px;flex-wrap:wrap;justify-content:center;column-gap:22px}.trust-list i{display:none}.trust-list span{font-size:11px}.section{padding:75px 0}.section-head{align-items:start;flex-direction:column;gap:3px}.section-head>p{max-width:620px}.about-grid{grid-template-columns:1fr}.about-visual{height:320px}.solar-grid{grid-template-columns:1fr;gap:0}.solar-grid>div:first-child{padding:65px 0 0}.solar-illustration{height:310px}.contact-panel{flex-direction:column;align-items:stretch}.contact-side{align-items:flex-start}.footer-wrap{align-items:flex-start;flex-direction:column}.footer-right{text-align:left}}@media(max-width:520px){.container{width:min(100% - 34px,1180px)}.brand-name{font-size:15px}.brand-symbol{width:34px}.brand-symbol svg{width:26px}.hero-copy{padding-top:58px}.hero h1{font-size:clamp(39px,11.5vw,55px)}.hero-copy>p{font-size:14px}.eyebrow{font-size:9px;letter-spacing:.055em}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .btn{width:100%}.hero-points{gap:10px;font-size:11px;flex-direction:column}.hero-art{height:285px}.city-art{height:310px}.art-caption{transform:scale(.85);transform-origin:right bottom;bottom:-3px}.trust-list{gap:12px 18px;padding:20px 0}.trust-list span{font-size:10px}.services-grid,.steps,.about-highlights{grid-template-columns:1fr}.service-card{min-height:0;padding:25px}.about-visual{height:270px}.about-symbol{font-size:90px}.solar-illustration{height:260px}.solar-panel{width:245px;height:170px}.solar-sun{width:120px;height:120px;right:30px}.contact-panel{padding:40px 25px}.contact-panel h2{font-size:33px}.btn-large{min-width:0;width:100%}.contact-side{align-items:stretch}.whatsapp-float{width:56px;height:56px;justify-content:center;padding:13px;border-radius:50%;right:15px;bottom:15px}.whatsapp-float svg{width:32px;height:32px}.whatsapp-float span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}