@font-face{font-family:Lato;font-weight:400;src:url(Lato-Regular.ttf) format("truetype");font-display:swap}
@font-face{font-family:Lato;font-weight:900;src:url(Lato-Black.ttf) format("truetype");font-display:swap}
:root{--verde:#2a5b3b;--verde-claro:#82ae48;--grafite:#161616}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{font-family:Lato,system-ui,sans-serif;color:var(--grafite);background:#fff url(ondas.png) no-repeat right bottom/min(100%,1100px) auto;display:flex;align-items:center;padding:24px 16px}
main{max-width:1100px;width:100%;margin:0 auto 18vh;padding-left:clamp(0px,6vw,80px)}
.logo{width:min(360px,80vw);height:auto;display:block;margin-bottom:40px}
h1{font-weight:900;color:var(--verde);font-size:clamp(2.2rem,6vw,4rem);line-height:1.1}
h1 span{color:var(--verde-claro)}
p{margin-top:16px;font-size:clamp(1rem,2.2vw,1.3rem)}