:root{
  --bg:#070707;--panel:#111;--panel2:#171717;--text:#f4f4f4;--muted:#b9b9b9;
  --gold:#f4bd19;--gold2:#d79b00;--line:#2c2c2c;--max:1200px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
img{max-width:100%;display:block}.container{width:min(var(--max),92%);margin:auto}
a{color:inherit;text-decoration:none}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}
h1,h2,h3{line-height:1.08;margin:0 0 1rem}h1{font-size:clamp(2.5rem,6vw,5.6rem);max-width:760px}h2{font-size:clamp(2rem,4vw,3.4rem)}
p{color:var(--muted)}.gold{color:var(--gold)}.section{padding:90px 0}.section.alt{background:#0d0d0d}
.btn{display:inline-flex;gap:.6rem;align-items:center;justify-content:center;padding:14px 22px;border-radius:4px;border:1px solid var(--gold);font-weight:800;text-transform:uppercase;font-size:.85rem;transition:.25s}
.btn.primary{background:var(--gold);color:#050505}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f4bd1933}
.btn.ghost{border-color:#777}.actions{display:flex;gap:12px;flex-wrap:wrap}
.topbar{position:fixed;inset:0 0 auto;z-index:50;background:#050505e8;border-bottom:1px solid #242424;backdrop-filter:blur(10px)}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.logo{height:62px;width:auto}
.menu{display:flex;gap:26px;align-items:center;font-size:.85rem;font-weight:700}.menu a:hover{color:var(--gold)}
.menu-toggle{display:none;background:none;border:1px solid #555;color:#fff;padding:8px 12px}
.hero{min-height:92vh;padding-top:82px;display:grid;place-items:center;position:relative;background:linear-gradient(90deg,#000 4%,#000d 34%,#0005 72%,#000b),url('../img/hero.jpg') center/cover no-repeat}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--bg))}
.hero-content{position:relative;z-index:1;padding:90px 0}.hero p{font-size:1.1rem;max-width:590px}.hero-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#333;margin-top:-45px;position:relative;z-index:2}
.badge{background:#0b0b0b;padding:24px;text-align:center}.badge b{display:block;color:var(--gold);font-size:1.3rem}
.grid{display:grid;gap:22px}.services{grid-template-columns:repeat(3,1fr)}.card{background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.25s}
.card:hover{transform:translateY(-5px);border-color:#725a16}.card img{width:100%;height:220px;object-fit:cover}.card-body{padding:22px}.card .icon{color:var(--gold);font-size:1.5rem}
.stats{grid-template-columns:repeat(4,1fr);text-align:center}.stat{padding:30px;border:1px solid var(--line);background:var(--panel)}.stat strong{display:block;color:var(--gold);font-size:2.5rem}
.two{grid-template-columns:1fr 1fr;align-items:center}.checklist{display:grid;gap:12px;padding:0}.checklist li{list-style:none;color:var(--muted)}.checklist li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:10px}
.sectors{grid-template-columns:repeat(6,1fr)}.sector{padding:24px 12px;text-align:center;border:1px solid var(--line);background:#111}.sector span{font-size:2rem}.sector b{display:block;margin-top:10px;font-size:.8rem}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.filter{background:#111;border:1px solid #444;color:#fff;padding:10px 14px;cursor:pointer}.filter.active{background:var(--gold);color:#000;border-color:var(--gold)}
.projects{grid-template-columns:repeat(3,1fr)}.project{position:relative;min-height:310px;overflow:hidden}.project img{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:auto 0 0;padding:55px 20px 20px;background:linear-gradient(transparent,#000);font-weight:800}
.steps{grid-template-columns:repeat(5,1fr)}.step{padding:24px;border-top:2px solid var(--gold);background:#111}.step i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:#000;font-style:normal;font-weight:900}
.testimonials{grid-template-columns:repeat(3,1fr)}.quote{padding:26px;background:#111;border:1px solid var(--line)}.quote b{color:var(--gold)}
.cta{border:1px solid var(--gold);padding:42px;background:linear-gradient(120deg,#131313,#080808)}
form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}
input,select,textarea{width:100%;background:#0a0a0a;border:1px solid #444;color:#fff;padding:14px;font:inherit}textarea{min-height:120px}
footer{background:#030303;border-top:1px solid #222;padding:50px 0 20px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}.small{font-size:.85rem}
.whatsapp{position:fixed;right:18px;bottom:18px;z-index:60;background:#25d366;color:#061;padding:14px 18px;border-radius:999px;font-weight:900;box-shadow:0 10px 30px #0008}
.hidden{display:none!important}
@media(max-width:900px){
 .menu-toggle{display:block}.menu{display:none;position:absolute;top:82px;left:0;right:0;background:#070707;padding:22px;flex-direction:column}.menu.open{display:flex}
 .services,.projects,.testimonials{grid-template-columns:repeat(2,1fr)}.hero-badges,.stats{grid-template-columns:repeat(2,1fr)}
 .two{grid-template-columns:1fr}.sectors{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .section{padding:65px 0}.services,.projects,.testimonials,.stats,.hero-badges,.sectors,.steps,.footer-grid{grid-template-columns:1fr}
 form{grid-template-columns:1fr}.full{grid-column:auto}.hero{min-height:800px}.logo{height:52px}
}