*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#222}
.header{position:absolute;top:0;width:100%;padding:25px 8%;display:flex;justify-content:space-between;color:#fff;z-index:2}
.header a{color:#fff;text-decoration:none;margin-left:20px}
.brand{font-weight:bold}.brand span{display:block;font-size:12px}
.hero{min-height:100vh;background:#090909;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:100px 8%;gap:40px}
.hero h1{font-size:clamp(40px,6vw,75px);line-height:1.05}
.hero span,.reconhecimento>span{color:#d4af37;text-transform:uppercase;letter-spacing:3px}
.hero p{font-size:20px;line-height:1.5}
.hero-photo img{width:100%;max-width:600px;object-fit:contain}
.btn{background:#d4af37;color:#fff;padding:16px 35px;border-radius:40px;text-decoration:none;display:inline-block;font-weight:bold}
.dark{background:#101010;color:#fff;padding:90px 10%;text-align:center}
.section,.cta{padding:90px 10%;text-align:center}
.reconhecimento{background:#f6f5f1;padding:100px 8%;text-align:center}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}
.cards a{background:#fff;border-radius:25px;padding:35px;text-align:left;text-decoration:none;color:#222;box-shadow:0 15px 40px #ddd;border-top:4px solid #d4af37}
.cards strong{font-size:55px;color:#d4af37}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}
.steps div{background:#181818;padding:30px;border-radius:20px}
footer{background:#000;color:#fff;text-align:center;padding:30px}
@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr;text-align:center}.hero-photo{order:-1}.cards,.steps{grid-template-columns:1fr}}