:root{--wine:#8b0e1a;--ink:#11171b;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,'Century Gothic',Arial,sans-serif;color:#202730;background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #c54452;outline-offset:4px}
.masthead{height:92px;position:absolute;z-index:20;inset:0 0 auto;color:#e8ebed}.masthead-inner{height:100%;display:grid;grid-template-columns:290px 1fr 215px;align-items:center;gap:26px;width:min(100% - 11.5vw,1370px);margin:auto}.identity{display:flex;flex-direction:column;width:max-content;line-height:1}.identity-name{font-size:44px;letter-spacing:.025em;font-weight:700;color:#c24758}.identity-sub{font-size:10px;letter-spacing:.69em;font-weight:400;color:#fff;padding-left:3px;margin-top:1px}.menu{display:flex;align-items:center;justify-content:center;gap:clamp(28px,4vw,62px);font-size:12px;font-weight:400;white-space:nowrap}.menu a:hover,.bottom-bar a:hover{color:#d65b6b}.top-cta,.outline-link{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid rgba(255,255,255,.75);border-radius:999px;font-size:12px;color:white;height:34px;padding:0 16px 0 22px}.top-cta{justify-self:end;min-width:180px}.outline-link{min-width:160px;height:31px}.top-cta span,.outline-link span,.feature a span{font-family:Arial,sans-serif;font-size:24px;line-height:1;font-weight:300}.top-cta:hover,.outline-link:hover{background:white;color:#12171b}.menu-button{display:none}
.showcase{height:clamp(455px,30vw,590px);min-height:455px;background:#10161a url('visual/hero-ondas.png') center center/cover no-repeat;color:#fff;position:relative;overflow:hidden}.showcase:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,16,19,.54) 0%,rgba(11,16,19,.13) 40%,transparent 70%)}.showcase-inner{position:relative;height:100%;width:min(100% - 12vw,1360px);margin:auto;padding-top:112px}.headline h1{font-size:clamp(35px,3vw,47px);font-weight:300;line-height:1.02;letter-spacing:-.047em;margin:0;max-width:550px}.topics{margin:20px 0 20px;font-size:10px;letter-spacing:.25em;white-space:nowrap;display:flex;gap:26px}.hero-aside{position:absolute;right:0;bottom:58px;border-right:1px solid rgba(255,255,255,.8);padding:19px 22px 31px 0;font-size:10px;letter-spacing:.25em;line-height:1.65;text-align:left}.scroll-label{position:absolute;left:0;bottom:24px;font-size:8px;letter-spacing:.36em;padding-left:42px}.scroll-label:before{content:"";position:absolute;left:0;bottom:0;width:1px;height:40px;background:#fff}.era-label{position:absolute;right:0;bottom:24px;font-size:8px;letter-spacing:.27em}
.fields{background:#fff}.fields-inner{width:min(100% - 10.5vw,1390px);margin:auto;min-height:146px;display:grid;grid-template-columns:1fr 1fr 1.2fr 1.04fr;align-items:center}.fields article{padding:5px 30px 5px 49px;min-height:92px;border-left:1px solid #dfb7bd}.fields article:first-child{padding-left:0;border-left:0}.fields h2{font-size:clamp(18px,1.75vw,27px);font-weight:500;color:#76111d;margin:0 0 8px;line-height:1.1;white-space:nowrap;letter-spacing:-.04em}.fields p{font-size:15px;line-height:1.38;margin:0;max-width:300px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:#fff;min-height:330px}.feature{position:relative;background-size:cover;background-position:center;color:#fff;min-height:325px;overflow:hidden}.feature:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,15,18,.91),rgba(9,15,18,.55) 48%,rgba(9,15,18,.13))}.feature-history{background-image:url('visual/trajetoria-arquitetura.png')}.feature-products{background-image:url('visual/bases-varejo.png')}.feature-solutions{background-image:url('visual/solucoes-ondas.png')}.feature-content{position:relative;z-index:1;padding:22px 8% 19px;min-height:325px;display:flex;flex-direction:column;align-items:flex-start}.feature-label{font-size:8px;letter-spacing:.26em;margin:0 0 13px}.feature-label:after{content:"";display:inline-block;vertical-align:middle;background:#b32d3b;width:44px;height:1px;margin-left:10px}.feature h2{font-size:clamp(23px,1.7vw,29px);font-weight:300;letter-spacing:-.035em;line-height:1.13;margin:0 0 14px}.feature p:not(.feature-label){font-size:11px;line-height:1.4;max-width:330px;margin:0 0 10px}.feature a{margin-top:auto;font-size:11px;display:flex;align-items:center;gap:18px}.feature a:hover{text-decoration:underline}
.bottom-bar{background:#fff}.bottom-inner{width:min(100% - 11.5vw,1370px);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:97px;font-size:10px}.footer-brand{display:flex;flex-direction:column;gap:6px;min-width:250px}.footer-brand strong{color:#8b0e1a;letter-spacing:.28em;font-size:13px;font-weight:600}.footer-brand span{font-size:12px}.bottom-bar nav{display:flex;gap:36px;white-space:nowrap}.footer-contact{white-space:nowrap}.footer-contact span{padding:0 16px}
@media(max-width:1180px){.masthead-inner{grid-template-columns:210px 1fr 170px}.identity-name{font-size:37px}.identity-sub{font-size:8px}.menu{gap:20px}.top-cta{min-width:155px}.fields article{padding-left:20px;padding-right:12px}.fields h2{font-size:20px}.fields p{font-size:13px}.bottom-inner{flex-wrap:wrap;padding:24px 0}.footer-contact{white-space:normal}.feature{min-height:390px}.feature-content{min-height:390px}}
@media(max-width:820px){.masthead{height:72px}.masthead-inner{display:flex;width:calc(100% - 32px);justify-content:space-between}.identity-name{font-size:31px}.identity-sub{font-size:7px}.top-cta{display:none}.menu-button{display:block;background:transparent;color:white;border:1px solid #bbb;border-radius:50px;padding:8px 14px;font:inherit;font-size:12px;letter-spacing:.1em}.menu{display:none;position:absolute;left:0;right:0;top:72px;background:#12171b;flex-direction:column;align-items:stretch;gap:0;padding:12px 25px 20px}.menu.open{display:flex}.menu a{padding:12px}.showcase{min-height:570px;height:auto;background-position:58% center}.showcase:before{background:linear-gradient(90deg,rgba(11,16,19,.78),rgba(11,16,19,.18))}.showcase-inner{width:calc(100% - 42px);min-height:570px;padding-top:125px}.headline h1{font-size:clamp(34px,7vw,46px)}.topics{white-space:normal;flex-wrap:wrap;gap:9px 17px;max-width:420px;font-size:9px;line-height:1.5}.hero-aside{font-size:8px;bottom:53px}.fields-inner{width:calc(100% - 40px);grid-template-columns:repeat(2,1fr);gap:0;padding:25px 0}.fields article{padding:20px!important;border-left:0;border-bottom:1px solid #dfb7bd;min-height:120px}.feature-grid{grid-template-columns:1fr;gap:6px}.feature{min-height:370px}.feature-content{min-height:370px}.feature h2{font-size:30px}.feature p:not(.feature-label){font-size:13px}.bottom-inner{width:calc(100% - 40px);align-items:flex-start}.bottom-bar nav{flex-wrap:wrap;gap:15px}.footer-contact span{padding:0 7px}}
@media(max-width:480px){.headline h1{font-size:clamp(28px,7vw,37px);letter-spacing:-.055em}.showcase-inner{min-height:550px}.hero-aside{right:0;font-size:7px;bottom:48px}.scroll-label{display:none}.topics{max-width:260px;font-size:8px}.fields-inner{grid-template-columns:1fr}.fields article{min-height:auto;padding:16px 0!important}.fields h2{font-size:22px}.bottom-bar nav{gap:12px}.footer-contact{line-height:1.7}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.scroll-label{padding-left:18px;bottom:22px;display:inline-flex;align-items:center;gap:12px;letter-spacing:.2em}.scroll-label:before{height:22px;bottom:-2px}.scroll-label span{font-size:19px;letter-spacing:0}.scroll-label:hover{color:#e58a94}
.identity{display:block;width:158px;padding:3px 7px;background:#fff;border-radius:2px}.identity img{display:block;width:100%;height:auto}.masthead-inner{grid-template-columns:205px 1fr 215px}@media(max-width:1180px){.masthead-inner{grid-template-columns:170px 1fr 170px}.identity{width:145px}}@media(max-width:820px){.identity{width:130px}}
.footer-brand{min-width:190px;gap:0}.footer-brand img{width:150px;height:auto;display:block}.footer-brand span{font-size:10px;margin-top:2px}.bottom-inner{min-height:110px}
@media(max-width:480px){.scroll-label{display:none}}