:root{--navy:#081b27;--dark:#06151f;--cyan:#59d8e6;--ink:#132c39;--muted:#a7b9c2;--paper:#f4f7f7;--line:#cfdbdf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--navy);color:#fff;font:16px/1.65 'Arial',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,.marquee:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.wrap{max-width:1240px;width:calc(100% - 112px);margin:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;left:20px;top:-100px;padding:12px;background:var(--cyan);color:var(--navy);z-index:100}.skip:focus{top:10px}.header{height:100px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid #ffffff18;gap:24px}.identity{display:flex;align-items:center;gap:18px}.identity img{border-radius:50%;width:49px;height:48px;object-fit:contain}.identity-separator{height:32px;border-left:1px solid #ffffff35}.identity b{font-size:15px;letter-spacing:.1px}.identity small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted);margin-top:1px}.header nav{display:flex;gap:30px;font-size:13px;color:#c2cfd5}.header nav a:hover{color:var(--cyan)}.nav-contact{font-size:13px;border:1px solid #59d8e66b;border-radius:4px;padding:10px 18px}.nav-contact span{color:var(--cyan);margin-left:14px}.hero{overflow:hidden}.hero-inner{min-height:690px;position:relative;display:grid;grid-template-columns:58% 42%}.hero-copy{position:relative;z-index:2;padding:68px 0 46px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;margin:0 0 24px;color:var(--cyan);display:flex;align-items:center;gap:10px}.dot{width:6px;height:6px;background:var(--cyan);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(46px,5.1vw,72px);font-weight:600;letter-spacing:-3px;line-height:1.07;margin-bottom:27px}em{font-style:normal;color:var(--cyan)}.hero-description{font-size:17px;line-height:1.7;color:#bacbd3;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;border-radius:4px;padding:17px 22px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.primary{background:var(--cyan);color:var(--dark)}.primary:hover{background:#9cebf3;transform:translateY(-2px)}.button span{font-size:21px;line-height:1}.hero-note{font-size:10px;color:#a4bac4;margin:13px 0 33px}.explore{font-size:11px;color:#c3d5de;display:inline-flex;gap:34px;align-items:center}.explore span{color:var(--cyan);font-size:20px}.portrait-area{position:relative;align-self:stretch;min-width:0}.portrait{position:absolute;height:660px;width:440px;max-width:none;bottom:0;right:-20px;object-fit:contain;object-position:bottom;mask-image:linear-gradient(to bottom,#000 84%,transparent 100%)}.portrait-outline{position:absolute;width:370px;height:450px;border:1px solid #59d8e626;border-radius:200px 200px 0 0;bottom:90px;right:0;transform:rotate(12deg)}.portrait-caption{position:absolute;bottom:51px;right:5px;z-index:2;border-left:2px solid var(--cyan);padding-left:17px;text-shadow:0 2px 20px #000}.portrait-caption span{font-size:9px;letter-spacing:2px;color:var(--cyan)}.portrait-caption strong{font-size:20px;display:block;letter-spacing:-.5px}.portrait-caption p{font-size:12px;color:#b8ced8;margin:0}.hero-base{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #ffffff18;padding:24px 0;color:#8faab8;font-size:10px;letter-spacing:2px}.light{background:var(--paper);color:var(--ink)}.light em{color:#007f90}.light .eyebrow{color:#007f90}.solutions{padding:100px 0 88px}h2{font-size:clamp(32px,3.2vw,47px);line-height:1.14;font-weight:500;letter-spacing:-1.8px;margin-bottom:25px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:48px}.section-intro h2{margin-bottom:0}.section-intro>p{max-width:350px;color:#526773;font-size:15px;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service{padding:30px 28px 34px 0;border-bottom:1px solid var(--line);position:relative}.service:nth-child(3n+2),.service:nth-child(3n+3){padding-left:28px;border-left:1px solid var(--line)}.icon{display:inline-flex}.icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service>.icon{color:#008698;margin-bottom:24px}.service-no{position:absolute;right:28px;top:30px;color:#82939b;font-size:11px}.service h3{font-size:21px;font-weight:600;letter-spacing:-.5px;margin:0 0 12px}.service p{font-size:14px;line-height:1.8;color:#536875;min-height:76px;margin-bottom:22px}.text-link{display:inline-flex;align-items:center;gap:20px;font-weight:600;font-size:12px}.text-link span{color:#008fa0;font-size:20px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.infrastructure{padding:100px 0;background:#102835}.infra-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.infra-image{position:relative}.infra-image img{width:100%;aspect-ratio:1.05;object-fit:cover}.photo-caption{padding:16px 0;font-size:10px;letter-spacing:2px;color:#a8c0ce;border-bottom:1px solid #ffffff25}.infra-copy>p:not(.eyebrow){font-size:15px;color:#b6c9d3}.infra-copy h2{font-size:36px}.infra-details{margin:26px 0}.infra-details>div{border-top:1px solid #ffffff20;padding:13px 0}.infra-details b{font-size:14px}.infra-details p{font-size:12px;color:#9bb3c1;margin:2px 0 0}.infra-copy .text-link{color:var(--cyan)}.clients{padding:65px 0 42px;background:var(--dark);overflow:hidden}.clients-heading{display:flex;justify-content:space-between;align-items:center}.clients h2{font-size:30px;margin:0}.clients .eyebrow{margin-bottom:12px}.clients button{color:#b8cdd6;background:transparent;border:1px solid #ffffff30;padding:8px 13px;border-radius:4px;font-size:11px;cursor:pointer}.clients button span{margin-left:14px;color:var(--cyan)}.marquee{margin:35px 0 20px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.brand-track{display:flex;width:max-content;animation:marquee 48s linear infinite}.brand-group{display:flex;align-items:center;gap:0;flex-shrink:0}.brand{width:200px;height:100px;display:flex;justify-content:center;align-items:center;padding:12px 36px}.brand img{width:auto;max-width:130px;max-height:67px;filter:url(#brand-cyan);object-fit:contain}.brand-track.paused,.marquee:hover .brand-track,.marquee:focus-within .brand-track{animation-play-state:paused}.clients-footnote{color:#809ba9;font-size:10px;text-align:center;margin:0}@keyframes marquee{to{transform:translateX(-50%)}}.about{padding:100px 0 80px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-copy .large{font-size:25px;line-height:1.4;letter-spacing:-.5px}.about-copy>p:not(.large){color:#536875;font-size:15px}.steps{margin:28px 0}.steps>div{display:flex;align-items:flex-start;gap:20px;padding:15px 0;border-top:1px solid var(--line)}.steps span{font-size:11px;color:#008899;padding-top:4px}.steps p{font-size:13px;color:#536875;margin:0}.steps b{display:block;color:var(--ink);font-size:15px;margin-bottom:3px}.faq{padding:30px 0 100px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line);padding-top:60px}.questions details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-weight:600;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-weight:400;color:#008899}details[open] summary span{transform:rotate(45deg)}details>p{font-size:13px;color:#536875;padding-right:24px;margin-bottom:22px}details a{text-decoration:underline}.contact{padding:85px 0 95px;background:#0e3443}.contact h2{font-size:clamp(35px,4.5vw,62px);margin-bottom:38px}.contact-row{display:flex;gap:45px;align-items:center}.contact-row>div a{display:block;font-size:13px;color:#b7d0da}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:35px;padding-bottom:40px}.footer b{font-size:14px}.footer p{font-size:11px;color:#93adba;margin:4px 0}.footer a{font-size:11px;color:#b6ccd7}.floating{position:fixed;bottom:23px;right:24px;display:flex;align-items:center;gap:8px;background:var(--cyan);color:var(--navy);border:1px solid #ffffff40;border-radius:50px;padding:12px 16px;box-shadow:0 4px 24px #0003;z-index:10;font-size:12px;font-weight:700}.floating .icon svg{width:22px;height:22px}
@media(min-width:1500px){.hero-inner{min-height:730px}.portrait{height:710px;width:474px;right:0}.hero-copy{padding-top:78px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.header nav{gap:20px}.hero-inner{grid-template-columns:60% 40%;min-height:650px}h1{font-size:53px;letter-spacing:-2px}.portrait{right:-72px;height:600px;width:400px}.portrait-caption{right:-8px}.infra-grid,.about-grid,.faq-grid{gap:45px}.service p{min-height:101px}.service{padding-right:20px}.service:nth-child(3n+2),.service:nth-child(3n+3){padding-left:20px}}
@media(max-width:760px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.header{height:80px;padding:0 20px}.header nav{display:none}.identity{gap:11px}.identity img{width:40px;height:40px}.identity b{font-size:13px}.identity small{font-size:8px;letter-spacing:1.2px}.nav-contact{padding:8px 10px;font-size:11px}.nav-contact span{margin-left:5px}.hero-inner{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:43px 0 0}.eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:20px}h1{font-size:clamp(41px,10.8vw,62px);letter-spacing:-2px;line-height:1.08;margin-bottom:24px}.hero-description{font-size:15px;margin-bottom:23px}.hero-note{font-size:10px;margin-bottom:14px}.button{font-size:12px;padding:16px 17px;gap:18px}.explore{display:none}.portrait-area{height:395px;margin-top:0;align-self:auto}.portrait{height:420px;width:280px;right:calc(50% - 140px)}.portrait-outline{width:260px;height:310px;right:calc(50% - 140px);bottom:25px}.portrait-caption{right:0;bottom:25px;background:#081b27b8;padding:10px 12px;border-left:2px solid var(--cyan)}.portrait-caption strong{font-size:17px}.portrait-caption span{font-size:8px}.portrait-caption p{font-size:10px}.hero-base{display:grid;grid-template-columns:1fr 1fr;font-size:9px;gap:12px;padding:20px 0}.solutions,.infrastructure,.about{padding:65px 0}.section-intro{display:block;margin-bottom:30px}.section-intro>p{margin-top:24px;max-width:none;font-size:14px}h2{font-size:35px;letter-spacing:-1.3px}.service-grid{grid-template-columns:1fr 1fr}.service{padding:25px 15px 25px 0!important;border-left:0!important}.service:nth-child(even){border-left:1px solid var(--line)!important;padding-left:17px!important;padding-right:0!important}.service-no{right:14px;top:25px}.service h3{font-size:18px;line-height:1.25;min-height:45px}.service p{font-size:12px;line-height:1.7;min-height:103px}.service .text-link{font-size:11px;gap:7px;align-items:flex-start}.service>.icon{margin-bottom:16px}.infra-grid,.about-grid,.faq-grid{grid-template-columns:1fr;gap:30px}.infra-image img{aspect-ratio:1.4}.infra-copy h2{font-size:34px}.clients{padding:45px 0 30px}.clients-heading{align-items:flex-start;gap:15px}.clients h2{font-size:25px}.clients button{font-size:0;padding:8px 11px}.clients button span{font-size:16px;margin:0}.brand{width:155px;padding:12px 23px}.brand img{max-width:108px;max-height:59px}.marquee{margin-top:24px}.clients-footnote{font-size:9px}.about-grid{gap:5px}.about-copy .large{font-size:23px}.faq{padding:0 0 65px}.faq-grid{padding-top:45px;gap:10px}.faq h2 br{display:none}.faq h2{font-size:32px}summary{font-size:13px}.contact{padding:60px 0}.contact h2{font-size:38px}.contact-row{flex-direction:column;align-items:flex-start;gap:25px}.footer{flex-wrap:wrap;gap:20px;padding:28px 0 90px}.footer>p{width:100%;order:3}.floating{right:15px;bottom:15px;padding:12px}.floating>span:last-child{display:none}}
@media(max-width:360px){.identity-separator{display:none}.identity img{width:32px}.header{gap:8px}.service-grid{grid-template-columns:1fr}.service{border-left:0!important;padding:23px 0!important}.service:nth-child(even){border-left:0!important;padding-left:0!important}.service h3,.service p{min-height:0}.button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.brand-track{animation:none;width:100%;display:block;transform:none!important}.brand-group{flex-wrap:wrap;justify-content:center}.brand-group[aria-hidden]{display:none}.brand{width:150px}.marquee{mask-image:none}#motion-toggle{display:none}}
@media(max-width:760px){.hero-description br{display:none}.hero-description br:after{content:' '}.portrait-caption{right:18px;bottom:20px}.brand img{max-width:106px}}

.infra-image img{height:auto}

/* Compact portfolio and official monochrome assets. */
.brand{width:156px;padding:12px 18px}.brand img{max-width:120px;max-height:60px}.brand img.official-brand{filter:url(#solid-cyan)}
.wa{display:inline-flex;align-items:center;gap:12px}.wa-icon{width:22px;height:22px;flex:0 0 22px;fill:#25d366}.primary .wa-icon,.floating .wa-icon{background:#fff;border-radius:50%;padding:3px;width:28px;height:28px;flex-basis:28px}.service .wa{gap:8px}.service .wa-icon{width:18px;height:18px;flex-basis:18px}
.building-frame{position:relative;overflow:hidden;aspect-ratio:1.3}.infra-image .building-frame img{position:absolute;width:124.6%;max-width:none;height:114.4%;left:-12.25%;top:-7.1%;object-fit:cover;aspect-ratio:auto}
@media(max-width:760px){.brand{width:132px;padding:12px 12px}.brand img{max-width:108px;max-height:56px}.nav-contact{gap:6px}.nav-contact .wa-icon{width:18px;height:18px;flex-basis:18px}.service .text-link{flex-wrap:wrap}.building-frame{aspect-ratio:1.4}}
@media(max-width:760px){.service .text-link.wa{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;line-height:1.5}.service .text-link.wa>span{display:none}}

/* Data center: original photographs with non-destructive display treatment. */
.dc-section .infra-grid{grid-template-columns:1.1fr 1fr;gap:64px}.dc-entry{overflow:hidden;aspect-ratio:1.16;background:#071822}.infra-image .dc-entry img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:58% 50%;filter:brightness(1.16) contrast(1.02) saturate(.82)}.dc-section .photo-caption{font-size:9px;letter-spacing:1.8px}.dc-section .infra-copy h2{font-size:40px}.dc-section .infra-copy .wa{margin-top:4px;font-size:12px;gap:10px}
.dc-panorama{position:relative;margin:48px 0 0;overflow:hidden;aspect-ratio:3.2;background:#06151f}.dc-panorama>img{width:100%;height:100%;object-fit:cover;object-position:center 62%;filter:brightness(1.12) saturate(.75)}.dc-panorama figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;background:linear-gradient(90deg,rgba(3,14,23,.75),transparent 68%)}.dc-panorama figcaption span{font-size:9px;letter-spacing:2.2px;color:var(--cyan)}.dc-panorama figcaption p{font-size:26px;line-height:1.2;letter-spacing:-.6px;margin:12px 0 0}
@media(max-width:1000px){.dc-section .infra-grid{gap:36px}.dc-section .infra-copy h2{font-size:34px}}
@media(max-width:760px){.dc-section .infra-grid{grid-template-columns:1fr;gap:28px}.dc-entry{aspect-ratio:1.25}.dc-section .infra-copy h2{font-size:34px}.dc-section .infra-copy .wa{line-height:1.5}.dc-panorama{margin-top:34px;aspect-ratio:1.35}.dc-panorama>img{object-position:center}.dc-panorama figcaption{padding:22px;background:linear-gradient(0deg,rgba(3,14,23,.82),transparent 78%)}.dc-panorama figcaption p{font-size:23px}}
.dc-panorama>img{object-position:center bottom}

/* Supporting visuals: direct service and FAQ. */
.about-visual{margin:32px 0 0;overflow:hidden;border-bottom:3px solid #59d8e6;background:#081b27}.about-visual img{width:100%;aspect-ratio:1.65;object-fit:cover;object-position:center;height:auto}
.faq-portrait{height:340px;max-width:480px;position:relative;margin-top:30px;background:#081b27;overflow:hidden}.faq-portrait>img{position:absolute;height:340px;width:340px;max-width:none;right:0;bottom:0;object-fit:contain;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.faq-portrait-line{position:absolute;width:260px;height:300px;right:35px;top:30px;border:1px solid #59d8e63d;border-radius:180px 180px 0 0;transform:rotate(12deg)}.faq-portrait-label{position:absolute;left:24px;bottom:24px;color:#fff;border-left:2px solid var(--cyan);padding-left:13px;text-shadow:0 2px 12px #081b27}.faq-portrait-label span{font-size:8px;letter-spacing:1.5px;color:var(--cyan)}.faq-portrait-label strong{display:block;font-size:18px;line-height:1.5}.faq .questions{align-self:start}
@media(max-width:760px){.about-visual{margin:26px 0 30px}.faq-portrait{height:300px;max-width:none;margin:24px 0 22px}.faq-portrait>img{width:300px;height:300px;right:0}.faq-portrait-label{left:20px;bottom:20px}.faq-portrait-line{height:260px;width:230px;right:20px}}

/* New portrait integrates directly into the light service section. */
.about-person{height:385px;position:relative;margin:26px 0 0;overflow:hidden}.about-person img{height:100%;width:100%;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(to bottom,#000 87%,transparent 100%)}.faq-visual{margin:30px 0 0;overflow:hidden;border-bottom:3px solid var(--cyan)}.faq-visual img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover}.about-grid .about-copy{align-self:center}
@media(max-width:760px){.about-person{height:370px;margin:20px 0 28px}.faq-visual{margin:24px 0 22px}.faq-visual img{aspect-ratio:1.65}}
.about-person{height:480px}.about-person img{height:510px;width:340px;max-width:none;margin:0 auto;object-fit:contain;object-position:center top;mask-image:linear-gradient(to bottom,#000 82%,transparent 94%)}
@media(max-width:760px){.about-person{height:420px}.about-person img{height:450px;width:300px}}

/* Updated main portrait supplied with transparency. */
.portrait{width:530px;right:-35px}
@media(min-width:1500px){.portrait{width:570px;right:-35px}}
@media(min-width:761px) and (max-width:1000px){.portrait{width:450px;right:-65px}}
@media(max-width:760px){.portrait{width:340px;height:390px;right:calc(50% - 170px)}}

/* Approved portrait with original armchair. */
.about-person{height:490px;margin-top:22px}.about-person img{width:440px;height:auto;max-width:100%;object-fit:contain;object-position:top center;margin:auto;transform:translateY(-70px);mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}
@media(max-width:760px){.about-person{height:395px}.about-person img{width:350px;height:auto;transform:translateY(-55px)}}

/* Bordas suaves das fotos do data center — versão aprovada */
.dc-entry{background:transparent;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 87%,transparent);mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 87%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}
.dc-panorama{aspect-ratio:2.05;background:transparent;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 89%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 89%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.dc-panorama>img{object-position:center top}.dc-panorama figcaption{padding:48px 64px;background:linear-gradient(90deg,rgba(3,14,23,.65),transparent 62%)}@media(max-width:760px){.dc-panorama{aspect-ratio:1.35}.dc-panorama figcaption{padding:28px 30px;background:linear-gradient(0deg,rgba(3,14,23,.7),transparent 78%)}.dc-panorama figcaption p{font-size:20px}}

.multi-service{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-top:36px;padding:32px;border:1px solid #cadcdd;background:#e8f1ef}.multi-service h3{font-size:24px;margin:0 0 10px}.multi-service p{max-width:570px;margin:0;line-height:1.6}.multi-service .button{flex-shrink:0}@media(max-width:760px){.multi-service{flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.multi-service .button{width:100%;justify-content:center;font-size:14px}}