body{background:#0a0a0a;color:#eee;font-family:Arial;margin:0}
.header{background:#111;padding:15px}
.header .logo{color:#fff}
nav a{margin:0 10px;color:#ccc;text-decoration:none}
.hero{position:relative;padding:120px 20px;text-align:center;background:#000}
.overlay{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.hero .content{position:relative}
.btn{padding:12px 20px;text-decoration:none;font-weight:bold}
.btn.red{background:#C8102E;color:#fff}
.btn.green{background:#C4D600;color:#000}
.brand-split{display:grid;grid-template-columns:1fr 1fr}
.brand-split a{padding:60px;text-align:center;font-size:24px}
.milwaukee{background:#C8102E}
.ryobi{background:#C4D600;color:#000}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:20px}
.card{background:#141414;padding:15px;border:1px solid #222}
.product{display:flex;gap:40px;padding:40px}
.footer{text-align:center;padding:20px;background:#111}