:root{--ink:#071923;--ink2:#102c3a;--cyan:#42d6c7;--paper:#f2f4f1;--white:#fff;--muted:#a6b3b2;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}.header{height:82px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#071923;color:white;position:absolute;z-index:5;width:100%;border-bottom:1px solid #ffffff16}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font:800 15px var(--display);letter-spacing:.08em}.brand small{display:block;font:600 8px var(--font);letter-spacing:.23em;color:#90aaa9;margin-top:3px}.brand-mark{width:35px;height:35px;border:1px solid #42d6c7;border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:700 20px var(--display)}.nav{display:flex;align-items:center;gap:38px}.nav a{font-size:12px;letter-spacing:.03em;text-decoration:none;color:#c2cecc}.nav a:hover,.text-link:hover{color:var(--cyan)}.nav .nav-cta{border:1px solid #ffffff48;padding:13px 17px;color:white}.nav-cta span{color:var(--cyan);padding-left:14px}.menu-toggle{display:none;background:transparent;border:0;color:white;font-size:24px}.hero{min-height:740px;height:min(840px,100vh);background:var(--ink);position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;color:white;padding:112px 7.2% 70px}.hero-grid{position:absolute;inset:0 0 0 50%;opacity:.12;background-image:linear-gradient(#acc9c726 1px,transparent 1px),linear-gradient(90deg,#acc9c726 1px,transparent 1px);background-size:68px 68px;mask-image:linear-gradient(90deg,transparent,#000 30%)}.hero-copy{position:relative;z-index:1;padding-bottom:10px}.eyebrow,.section-label{font:700 10px var(--font);letter-spacing:.19em}.eyebrow{color:#9fbbbb;display:flex;align-items:center;gap:10px;margin-bottom:29px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.eyebrow-line{height:1px;width:34px;background:#45616a}.hero h1,.intro h2,.services h2,.portfolio h2,.contact h2{font:500 clamp(48px,6vw,82px)/1.07 var(--display);letter-spacing:-.065em;margin:0}.hero h1 em,.intro h2 em,.portfolio h2 em,.contact h2 em{color:var(--cyan);font-style:normal}.hero-desc{font-size:15px;line-height:1.8;color:#adbfbe;max-width:405px;margin:25px 0 31px}.hero-actions{display:flex;align-items:center;gap:27px}.button{display:inline-flex;align-items:center;gap:35px;padding:16px 19px;text-decoration:none;font-size:12px;font-weight:700}.button-light{background:var(--cyan);color:#08202a}.button-light:hover{background:#80efe3}.button span{font-size:17px}.text-link{color:white;font-size:12px;text-decoration:none}.text-link span{margin-left:8px;color:var(--cyan)}.hero-note{display:flex;align-items:center;gap:13px;font-size:10px;line-height:1.7;color:#8ba5a5;letter-spacing:.03em;margin-top:72px}.hero-note b{font-weight:500;color:#d1ddda}.note-line{width:30px;height:1px;background:var(--cyan)}.hero-visual{position:relative;height:520px;display:grid;place-items:center}.visual-core{width:min(375px,75%);height:375px;background:linear-gradient(145deg,#1a3c49,#0e2935);border:1px solid #42616a;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px;box-shadow:0 35px 90px #0006;transform:rotate(-5deg);z-index:1}.core-top,.core-bottom{display:flex;justify-content:space-between;color:#8eb4b2;font-size:8px;letter-spacing:.18em}.core-top span:last-child{color:#53777e}.fan{position:absolute;inset:78px 60px;display:grid;place-items:center}.fan:before,.fan:after{content:'';position:absolute;border:1px solid #7fcfc550;border-radius:50%;inset:0}.fan:after{inset:25px}.fan i{position:absolute;width:74px;height:145px;background:linear-gradient(180deg,#56d8c7c9,#41a79b30);border-radius:90% 10% 78% 20%;transform-origin:50% 100%;left:calc(50% - 37px);top:calc(50% - 145px);filter:drop-shadow(0 0 15px #42d6c733)}.fan i:nth-child(2){transform:rotate(60deg)}.fan i:nth-child(3){transform:rotate(120deg)}.fan i:nth-child(4){transform:rotate(180deg)}.fan i:nth-child(5){transform:rotate(240deg)}.fan i:nth-child(6){transform:rotate(300deg)}.fan:before{background:radial-gradient(circle,#b0fff0 0 4px,#42d6c7 5px 10px,transparent 11px)}.status{display:flex;gap:5px;align-items:center}.status b{width:5px;height:5px;background:var(--cyan);border-radius:50%}.visual-orbit{position:absolute;border:1px solid #3f6a70;border-radius:50%;width:480px;height:480px}.orbit-b{width:545px;height:545px;border-color:#284d56;border-style:dashed}.visual-tag{position:absolute;z-index:2;color:#bad0cc;font-size:8px;letter-spacing:.13em}.tag-top{top:47px;right:7%;writing-mode:vertical-rl}.tag-top span{color:var(--cyan);margin-bottom:9px}.tag-bottom{bottom:47px;left:5%;display:flex;align-items:center;gap:12px;color:#c5d7d4;letter-spacing:.03em;line-height:1.5}.tag-icon{font-size:25px;color:var(--cyan)}.visual-caption{position:absolute;bottom:18px;right:0;color:#779496;font-size:8px;letter-spacing:.17em}.hero-index{position:absolute;bottom:31px;left:7.2%;font-size:9px;letter-spacing:.18em;color:#d4e4df}.hero-index span{color:var(--cyan);margin:0 8px}.section{padding:120px 11%}.section-label{display:flex;gap:16px;align-items:center;color:#547176}.section-label span{color:#10a99d}.intro-content{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;margin-top:55px;align-items:end}.intro h2,.services h2,.portfolio h2{font-size:clamp(42px,5vw,65px)}.intro h2 em,.portfolio h2 em{color:#0ba99e}.intro-text p{color:#5c7375;line-height:1.9;font-size:14px;margin:0 0 24px}.under-link{color:#09252f;text-decoration:none;font-size:12px;font-weight:700;padding-bottom:9px;border-bottom:1px solid #82a09d}.under-link span{padding-left:15px;color:#05a79b}.intro-rule{height:1px;background:#cbd4d0;margin:75px 0 30px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.facts>div{display:flex;flex-direction:column;gap:9px}.fact-label{font-size:9px;letter-spacing:.15em;color:#78918e}.facts strong{font:600 20px var(--display);letter-spacing:-.04em}.facts small{font-size:11px;color:#83938f}.services{background:#e8eeeb}.services-head{display:flex;justify-content:space-between;align-items:end;margin-top:49px}.services-head p{max-width:300px;margin:0 0 5px;font-size:13px;line-height:1.8;color:#627776}.service-list{margin-top:60px;border-top:1px solid #c2cfca}.service-row{display:grid;grid-template-columns:80px 1fr 30px;align-items:center;border-bottom:1px solid #c2cfca;padding:24px 4px}.service-num{font-size:10px;color:#079f94}.service-row h3{margin:0 0 7px;font:600 19px var(--display);letter-spacing:-.04em}.service-row p{margin:0;color:#718480;font-size:12px}.service-arrow{font-size:20px;color:#168f87}.disclosure{font-size:10px;line-height:1.6;color:#82918c;margin-top:21px}.portfolio{background:#f2f4f1}.portfolio-head{display:flex;align-items:end;justify-content:space-between;margin-top:48px}.portfolio-head>p{color:#526d6d;font-size:12px;line-height:1.7}.portfolio-head>p span{color:#91a19d;font-size:10px}.gallery{margin-top:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.gallery-side{display:grid;grid-template-rows:1fr 1fr;gap:16px}.gallery-art{position:relative;overflow:hidden;background:#d5e1db;min-height:190px}.gallery-main .gallery-art{height:410px}.gallery-side .gallery-art{height:197px}.art-one{background:linear-gradient(145deg,#dce9e3,#a8c8bd)}.art-two{background:linear-gradient(145deg,#cadbd8,#8caeaa)}.art-three{background:linear-gradient(145deg,#d6dedb,#a2b9b0)}.art-orb{position:absolute;width:300px;height:300px;right:13%;top:13%;border:1px solid #f2fffb99;border-radius:50%;box-shadow:0 0 0 25px #f1fffa21,0 0 0 70px #f1fffa17}.art-orb:after{content:'';position:absolute;width:175px;height:175px;border-radius:50%;background:linear-gradient(130deg,#f5fffb,#a5d1c4);left:62px;top:62px;box-shadow:20px 30px 60px #476a6233}.art-lines{position:absolute;width:75%;height:75%;border:1px solid #fbfff899;transform:rotate(-31deg);left:12%;top:11%}.art-block{position:absolute;width:48%;height:65%;right:14%;bottom:0;background:linear-gradient(125deg,#eff9f5,#90b9ad);box-shadow:0 15px 50px #466b6333}.art-block:after{content:'';position:absolute;width:120%;height:1px;background:#fff;left:-10%;top:28%;box-shadow:0 9px #ffffff8c,0 18px #ffffff52}.gallery-side .art-block{width:41%;height:65%}.art-label{position:absolute;left:18px;top:18px;color:#f7fffc;font-size:8px;letter-spacing:.13em}.placeholder-mark{position:absolute;bottom:15px;left:18px;color:#f6fffb99;font:700 32px var(--display);letter-spacing:-.08em}.gallery-caption{display:flex;justify-content:space-between;padding:13px 0 2px;font-size:10px;color:#45605e}.gallery-caption span:last-child{color:#95a39f}.contact{position:relative;overflow:hidden;background:#071923;color:white;padding:110px 11% 30px}.contact-glow{position:absolute;width:560px;height:560px;border:1px solid #1d3c46;border-radius:50%;right:-150px;top:80px;box-shadow:0 0 0 45px #16323a38,0 0 0 105px #102a3445}.contact .section-label{position:relative;color:#8ba8a6}.contact-body{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:10%;margin:54px 0 91px}.contact h2{font-size:clamp(46px,5.7vw,77px)}.contact-side{padding-top:15px}.contact-side>p{max-width:260px;font-size:13px;line-height:1.8;color:#aec0bd;margin:0 0 23px}.contact-details{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-details div:last-child{grid-column:1/3}.contact-details span{display:block;color:#789795;font-size:8px;letter-spacing:.17em;margin-bottom:9px}.contact-details a,.contact-details p{margin:0;color:#d8e5e0;text-decoration:none;font-size:11px}.contact-bottom{position:relative;border-top:1px solid #ffffff24;padding-top:18px;display:flex;justify-content:space-between;color:#829b9a;font-size:9px}.contact-bottom a{color:var(--cyan);text-decoration:none}.footer{height:85px;background:#041219;color:#76918f;display:flex;align-items:center;justify-content:space-between;padding:0 7.2%;font-size:9px}.brand-footer{font-size:13px}.brand-footer .brand-mark{width:30px;height:30px}.footer>span:nth-child(2){letter-spacing:.1em}
@media(max-width:800px){.header{height:70px;padding:0 6%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#0b222d;padding:24px 6%;flex-direction:column;align-items:stretch;gap:20px;border-top:1px solid #ffffff20}.nav.open{display:flex}.nav .nav-cta{display:flex;justify-content:space-between}.hero{height:auto;min-height:930px;grid-template-columns:1fr;padding:135px 8% 70px}.hero-copy{padding-top:10px}.hero h1{font-size:64px}.hero-note{margin-top:44px}.hero-visual{height:430px}.visual-core{width:300px;height:300px}.fan{inset:62px 48px}.fan i{height:112px;width:58px;left:calc(50% - 29px);top:calc(50% - 112px)}.visual-orbit{width:365px;height:365px}.orbit-b{width:410px;height:410px}.tag-top{right:0;top:15px}.tag-bottom{left:0;bottom:32px}.section{padding:84px 8%}.intro-content{grid-template-columns:1fr;gap:24px;margin-top:40px}.intro-text{max-width:470px}.intro-rule{margin:48px 0 25px}.facts{gap:18px}.facts strong{font-size:17px}.services-head,.portfolio-head{align-items:start;flex-direction:column;gap:20px}.services-head p{max-width:410px}.gallery{grid-template-columns:1fr}.gallery-main .gallery-art{height:320px}.gallery-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.gallery-side .gallery-art{height:190px}.contact{padding:85px 8% 25px}.contact-body{grid-template-columns:1fr;gap:38px;margin:45px 0 65px}.contact h2{font-size:60px}.contact-details{margin-top:35px}.footer{padding:20px 6%;height:auto;min-height:90px;gap:14px;flex-wrap:wrap}.footer>span:nth-child(2){display:none}}
@media(max-width:480px){.hero h1{font-size:54px}.hero{min-height:880px}.hero-actions{gap:17px}.button{gap:17px;padding:15px;font-size:11px}.hero-visual{height:370px}.visual-core{width:265px;height:265px}.core-top,.core-bottom{font-size:7px}.fan{inset:53px 40px}.fan i{height:98px;width:50px;left:calc(50% - 25px);top:calc(50% - 98px)}.visual-orbit{width:310px;height:310px}.orbit-b{width:350px;height:350px}.tag-bottom{bottom:15px}.visual-caption{bottom:0}.intro h2,.services h2,.portfolio h2{font-size:44px}.facts{grid-template-columns:1fr;gap:22px}.facts>div{display:grid;grid-template-columns:1fr 1fr;align-items:center}.facts small{grid-column:2}.service-row{grid-template-columns:40px 1fr 25px;padding:20px 0}.service-row h3{font-size:16px}.service-row p{font-size:11px;line-height:1.5}.gallery-main .gallery-art{height:270px}.gallery-side .gallery-art{height:140px}.gallery-caption{font-size:9px}.contact h2{font-size:49px}.contact-bottom{line-height:1.7;gap:16px;align-items:flex-start}.contact-bottom span{max-width:210px}.footer{font-size:8px}.brand-footer{font-size:12px}}

/* Brand colors based on the supplied EletroAr Instagram profile screenshot. */
:root{--ink:#18386f;--ink2:#2b5598;--cyan:#ffd34e;--paper:#fff;--muted:#dce7f8}
body{background:#fff;color:#172f5c}
.header{background:#173a78;border-bottom-color:#ffffff30}
.hero,.contact{background:linear-gradient(125deg,#244d95 0%,#416fba 58%,#284f96 100%)}
.hero-grid{opacity:.2;background-image:linear-gradient(#dbe8ff33 1px,transparent 1px),linear-gradient(90deg,#dbe8ff33 1px,transparent 1px)}
.eyebrow{color:#dbe7fb}.live-dot,.status b{background:#ffd34e;box-shadow:0 0 13px #ffd34e88}.eyebrow-line,.note-line{background:#ffd34e}
.hero-desc,.hero-note{color:#e0e9fa}.hero-note b{color:#fff}.button-light{background:#ffd34e;color:#18386f}.button-light:hover{background:#ffe38a}.text-link{color:#fff}.text-link span,.nav-cta span{color:#ffd34e}
.visual-core{background:linear-gradient(145deg,#fff,#edf3ff);border-color:#ffffff;box-shadow:0 35px 90px #102b5b44}.core-top,.core-bottom{color:#416bb2}.core-top span:last-child{color:#7990b5}.fan i{background:linear-gradient(180deg,#8eafe9,#416bb250);filter:drop-shadow(0 0 15px #416bb233)}.fan:before{background:radial-gradient(circle,#fff 0 4px,#416bb2 5px 10px,transparent 11px)}.fan:after,.fan:before{border-color:#416bb255}.visual-orbit{border-color:#dbe7fb55}.orbit-b{border-color:#fff4}.visual-tag{color:#fff}.tag-bottom{color:#fff}.tag-icon,.tag-top span{color:#ffd34e}.visual-caption{color:#e2eaff}.hero-index{color:#fff}
.section-label{color:#60779d}.section-label span{color:#416bb2}.intro h2 em,.portfolio h2 em{color:#416bb2}.intro-text p,.services-head p{color:#5d6f8c}.under-link{border-color:#9eb3d6}.under-link span,.service-num,.service-arrow{color:#416bb2}.services{background:#eef4ff}.service-list,.service-row{border-color:#cedbf1}.disclosure{color:#7788a5}
.art-one{background:linear-gradient(145deg,#e9f1ff,#9db8e9)}.art-two{background:linear-gradient(145deg,#cfdef7,#7599d4)}.art-three{background:linear-gradient(145deg,#e6edf9,#94add8)}.art-orb:after,.art-block{background:linear-gradient(130deg,#fff,#a9c1eb)}.contact-glow{border-color:#ffffff30;box-shadow:0 0 0 45px #d9e6ff14,0 0 0 105px #d9e6ff10}.contact .section-label{color:#e3edff}.contact h2 em{color:#ffd34e}.contact-side>p{color:#e1eafa}.contact-details span,.contact-bottom{color:#d2def2}.contact-details a,.contact-details p{color:#fff}.contact-bottom{border-color:#ffffff45}.contact-bottom a{color:#ffe17e}
.brand-mark{border-color:#ffd34e;color:#ffd34e}.footer{background:#122e63;color:#d0ddf3}.brand-footer small{color:#bccbea}
@media(max-width:800px){.nav{background:#18386f}}
.brand-logo{display:block;width:64px;height:64px;object-fit:contain;border-radius:50%;background:#fff}.brand{gap:0}.visual-core{align-items:center}.brand-showcase{display:block;width:72%;max-width:250px;max-height:72%;object-fit:contain;border-radius:50%;background:#fff}.core-top,.core-bottom{width:100%}.brand-mark{display:none}
.footer .brand-logo{width:54px;height:54px}.brand-footer{gap:0}
@media(max-width:800px){.brand-logo{width:58px;height:58px}.footer .brand-logo{width:50px;height:50px}}
.header{height:140px}.header .brand-logo{width:126px;height:126px}
@media(max-width:800px){.header{height:102px}.header .brand-logo{width:92px;height:92px}.nav{top:102px}}
.about-story{display:grid;grid-template-columns:minmax(250px,.72fr) 1.28fr;gap:8%;align-items:center;margin-top:72px}.about-image{background:#eaf1fc;display:grid;place-items:center;overflow:hidden}.about-image img{display:block;width:100%;height:auto;max-height:670px;object-fit:contain}.about-copy{max-width:650px}.story-kicker{display:block;margin-bottom:16px;color:#416bb2;font-size:9px;font-weight:700;letter-spacing:.18em}.about-copy h3{margin:0 0 22px;color:#18386f;font:700 clamp(28px,3vw,41px)/1.15 var(--display);letter-spacing:-.05em}.about-copy p{margin:0 0 16px;color:#5d6f8c;font-size:13px;line-height:1.85}.about-copy p:last-child{margin-bottom:0}
@media(max-width:800px){.about-story{grid-template-columns:1fr;gap:34px;margin-top:48px}.about-image{max-width:460px;margin:0 auto}.about-image img{max-height:570px}.about-copy{max-width:none}}
.maintenance{background:#f5f8fd}.maintenance-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:8%;margin-top:52px}.maintenance-copy{max-width:640px}.maintenance-copy h2{margin:0 0 22px;color:#18386f;font:700 clamp(38px,4.8vw,62px)/1.08 var(--display);letter-spacing:-.06em}.maintenance-copy h2 em{font-style:normal;color:#416bb2}.maintenance-copy p{margin:0 0 16px;color:#5d6f8c;font-size:13px;line-height:1.85}.maintenance-copy .maintenance-lead{color:#264c8c;font-size:16px;font-weight:600;line-height:1.65}.button-blue{background:#416bb2;color:#fff;margin-top:10px}.button-blue:hover{background:#2d559b}.maintenance-note{display:block;color:#7c8da8;font-size:10px;line-height:1.6;margin-top:14px}.maintenance-image{display:flex;justify-content:center;align-items:center;background:#e9eff8;overflow:hidden}.maintenance-image img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain}
@media(max-width:800px){.maintenance-grid{grid-template-columns:1fr;gap:35px;margin-top:38px}.maintenance-image{max-width:520px;margin:0 auto}.maintenance-image img{max-height:680px}}
.installation{background:#e9f0fb}.installation .maintenance-grid{margin-top:52px}.installation .maintenance-image{background:#fff}.installation .maintenance-copy h2 em{color:#244d95}