*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:#0f0f0f;color:#fff}.container{width:90%;max-width:1200px;margin:auto}header{width:100%;position:absolute;top:0;left:0;z-index:100;padding:20px 0}.nav{display:flex;align-items:center;justify-content:space-between}nav{display:flex;gap:30px;margin:0 auto}nav a{text-decoration:none;color:#fff;font-weight:500;transition:0.3s}nav a:hover{color:#d4a437}.btn{background:#d4a437;color:#000;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700;transition:0.3s}.btn:hover{opacity:0.8}.hero{height:100vh;background:linear-gradient( rgba(0,0,0,0.5),rgba(0,0,0,0.5) ),url('../assets/img/hero.png');background-position:center right;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center}.hero-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-content{max-width:550px}.hero span{color:#d4a437;font-weight:700;letter-spacing:2px;display:block;margin-bottom:20px;font-size:14px}.hero h1{font-size:56px;line-height:1.2;margin:20px 0;text-align:left;font-weight:800}.hero p{color:#ddd;line-height:1.7;margin-bottom:30px;text-align:left;font-size:16px}.hero .btn{display:inline-block;margin-bottom:30px}.hero-contact{display:flex;align-items:flex-start;gap:15px;margin-bottom:40px}.hero-contact i{color:#d4a437;font-size:24px;margin-top:5px}.hero-contact strong{color:#fff;display:block;font-size:16px;margin-bottom:3px}.hero-contact p{color:#999;font-size:13px;margin:0}.hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:20px}.benefit{display:flex;align-items:center;gap:12px}.benefit i{color:#d4a437;font-size:24px;flex-shrink:0}.benefit p{color:#ddd;font-size:13px;margin:0;line-height:1.4}.hero-image{width:100%;height:100%}.services{padding:100px 0}.title{text-align:center;margin-bottom:60px}.title span{color:#d4a437;font-weight:700}.title h2{font-size:42px;margin-top:10px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,320px));justify-content:center;gap:30px}.card{background:#181818;padding:40px 30px;border-radius:20px;text-align:center;transition:0.4s;max-width:320px;margin:auto}.card:hover{transform:translateY(-10px)}.card:first-child{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../assets/img/quadroeletrico.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}.card:nth-child(2){background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('../assets/img/hidraulica.jpg');background-size:cover;background-position:center;background-repeat:no-repeat}.card:nth-child(3){background:linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),url('../assets/img/checkupar.png');background-size:cover;background-position:center;background-repeat:no-repeat}.card h3{margin:20px 0;font-size:24px}.card p{color:#bbb;line-height:1.7;margin-bottom:20px}.card a{text-decoration:none;color:#d4a437;font-weight:600}.icon{width:90px;height:90px;border:2px solid #d4a437;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;background:#111}.icon i{font-size:38px;color:#d4a437}.about{padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about span{color:#d4a437;font-weight:700}.about h2{font-size:42px;margin:20px 0}.about p{color:#ccc;line-height:1.8;margin-bottom:20px}.about img{width:100%;border-radius:20px}.cta{padding:100px 0;background:#151515;text-align:center}.cta span{color:#d4a437;font-weight:700}.cta h2{font-size:50px;margin:20px 0 30px}footer{background:#000;padding:30px 0;text-align:center}footer p{color:#777}@media(max-width:900px){header{padding:15px 0}.logo img{width:100px}.hero-wrapper{grid-template-columns:1fr}.hero-image{display:none}.hero h1{font-size:42px}.about-grid{grid-template-columns:1fr}nav{display:none}}@media(max-width:600px){header{padding:12px 0}.hero{height:auto;min-height:auto;padding:80px 20px 50px}.hero-wrapper{grid-template-columns:1fr;gap:30px}.hero-content{max-width:100%}.hero-image{display:none}.hero span{font-size:14px}.hero h1{font-size:26px;line-height:1.2;margin:15px 0}.hero p{font-size:14px;margin-bottom:20px}.hero-contact{margin-bottom:30px}.hero-benefits{grid-template-columns:1fr 1fr;gap:15px}.benefit{gap:8px}.benefit i{font-size:20px}.benefit p{font-size:12px}.title h2,.about h2,.cta h2{font-size:28px}.btn{padding:10px 18px;font-size:14px}.cards{gap:20px}.card{padding:30px 20px}.card h3{font-size:20px}.card p{font-size:13px}.icon i{font-size:32px}.about-grid{gap:30px}.cta{padding:60px 20px}.cta span{font-size:14px}}