:root{--gold:#C9A227;--silver:#C0C0C0;--copper:#B87333;--bg:#070707;--card:#111;--text:#fff}
*{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
header{position:sticky;top:0;background:rgba(0,0,0,.95);padding:18px 5%;display:flex;justify-content:space-between;align-items:center;z-index:100;border-bottom:1px solid #222}
nav a{color:#fff;text-decoration:none;margin-left:20px}
.logo{display:flex;align-items:center;gap:12px;}
.logo img{height:70px;width:auto;}
.company-name{color:#fff;font-weight:600;line-height:1.1;}
.company-name strong{color:#C9A227;}
.hero{min-height:85vh;display:flex;align-items:center;padding:5%;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.60)),url('assets/logo.png') center/contain no-repeat}
.hero1{min-height:85vh;display:flex;align-items:center;padding:5%;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.00)),url('assets/logo.png') center/contain no-repeat}
.hero h1{font-size:clamp(1.5rem, 4vw, 3.5rem);color:var(--gold);white-space:nowrap;}
.btn{display:inline-block;margin:10px;padding:14px 26px;border:1px solid var(--gold);color:#fff;text-decoration:none}
section{padding:90px 5%}
h2{color:var(--gold);font-size:2.2rem;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.card{background:var(--card);padding:28px;border-radius:14px;border-top:3px solid var(--gold);transition:.3s}
.card:hover{transform:translateY(-6px)}
.icon{font-size:2rem;color:var(--copper)}
#contact form{max-width:700px;margin:auto;}
#contact button{width:100%;cursor:pointer;}
footer{padding:40px;text-align:center;border-top:1px solid #222}
input,textarea,select{width:100%;padding:14px;margin:8px 0;background:#0f0f0f;border:1px solid #333;color:white}
button{padding:14px 22px;background:var(--gold);border:none;font-weight:bold}