*{box-sizing:border-box;margin:0;padding:0}
:root{--black:#090909;--dark:#121212;--gold:#c9a24b;--light:#f5f3ee;--text:#242424}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--light);line-height:1.6}
.container{width:min(1120px,92%);margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(9,9,9,.96);border-bottom:1px solid rgba(201,162,75,.3)}
.nav{height:76px;display:flex;align-items:center;gap:28px}
.logo{font-size:20px;font-weight:900;letter-spacing:1.5px;color:white;white-space:nowrap}
.logo span{color:var(--gold)}
nav{display:flex;gap:24px;margin-left:auto}
nav a{color:white;text-decoration:none;font-size:14px}
nav a:hover{color:var(--gold)}
.btn{display:inline-block;background:var(--gold);color:#080808;text-decoration:none;padding:13px 23px;font-weight:800;font-size:13px;letter-spacing:.5px;border:1px solid var(--gold);transition:.2s}
.btn:hover{background:transparent;color:var(--gold)}
.btn.small{padding:10px 15px;font-size:12px}
.hero{min-height:650px;background:linear-gradient(90deg,rgba(9,9,9,.98) 0%,rgba(9,9,9,.78) 52%,rgba(9,9,9,.2) 100%),url('imagens/banner.jpg') center/cover no-repeat;display:flex;align-items:center;color:white}
.hero-content{padding:90px 0}
.hero-text{max-width:650px}
.eyebrow{color:var(--gold);font-weight:800;letter-spacing:2px;font-size:12px;margin-bottom:12px}
h1{font-size:clamp(44px,7vw,78px);line-height:1.02;margin-bottom:24px}
h1 span{color:var(--gold)}
.hero-text>p:not(.eyebrow){font-size:19px;max-width:620px;margin-bottom:30px;color:#eee}
.intro{text-align:center;padding:85px 0}
.intro h2,.products h2,.contact h2,.cta h2{font-size:clamp(32px,5vw,50px);line-height:1.1;margin-bottom:18px}
.intro>div>p:last-child{max-width:700px;margin:auto;color:#555}
.dark-section{background:var(--dark);color:white;padding:90px 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.dark-section p{color:#ddd}
.features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px}
.features div{border-top:1px solid #444;padding-top:14px}
.features strong{display:block;color:var(--gold);font-size:14px}
.features span{font-size:18px}
.products{padding:90px 0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}
.card{background:white;border:1px solid #e4e0d8}
.placeholder{height:250px;background:linear-gradient(145deg,#222,#080808);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:27px;font-weight:900;letter-spacing:3px}
.card h3{padding:20px 20px 4px;font-size:20px}
.card p{padding:0 20px 22px;color:#666}
.cta{background:#181818;color:white;text-align:center;padding:90px 0}
.cta>div>p:not(.eyebrow){margin-bottom:28px;color:#ddd}
.contact{padding:90px 0;background:white}
.contact-box{border-left:3px solid var(--gold);padding-left:28px}
.contact-box p{margin-bottom:20px}
footer{background:#070707;color:#aaa;padding:45px 0}
footer p{margin:12px 0 18px}
@media(max-width:850px){
nav{display:none}.nav{justify-content:space-between}
.hero{min-height:590px}.two-col{grid-template-columns:1fr;gap:35px}
.grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){
.btn.small{display:none}.hero{min-height:620px}.grid{grid-template-columns:1fr}
.hero-text>p:not(.eyebrow){font-size:17px}
}