*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Inter,sans-serif;background:#0f0f0f;color:#fff;line-height:1.6}
.header{display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:1px solid #222}
.logo{font-size:22px;font-weight:700}
.logo span{color:#d60000}
nav a{margin:0 15px;color:#fff;text-decoration:none}
.phone{color:#d60000;text-decoration:none;font-weight:600}
.hero{background:#111 url('../img/hero.jpg') center/cover no-repeat;padding:120px 40px}
.hero-text{max-width:600px}
.hero h1{font-size:42px;margin-bottom:15px}
.hero p{color:#ccc;margin-bottom:25px}
.btn{display:inline-block;background:#d60000;color:#fff;padding:14px 28px;border-radius:6px;text-decoration:none}
section{padding:80px 40px;max-width:1200px;margin:auto}
h2{font-size:32px;margin-bottom:30px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}
.card{background:#151515;padding:30px;border-radius:12px;border:1px solid #222}
.contacts{background:url('../img/map.jpg') center/cover no-repeat;position:relative}
.contacts-overlay{background:rgba(0,0,0,.75);padding:40px;max-width:500px}
footer{text-align:center;padding:30px;border-top:1px solid #222;color:#777}