*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d0e;color:#e9e5dc;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(10,12,13,.94);border-bottom:1px solid #34383a;backdrop-filter:blur(8px)}
.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-weight:900;letter-spacing:2px;font-size:22px;color:#ff6a00}.logo span{color:#eee}
nav{display:flex;flex-wrap:wrap;gap:8px}nav a{padding:10px 13px;color:#bbb;font-size:14px;text-transform:uppercase;font-weight:700}nav a:hover,nav a.active{color:#ff7620;background:#171a1b}
.hero{min-height:560px;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(5,7,8,.25),#0b0d0e),radial-gradient(circle at 50% 25%,#543016,#0b0d0e 65%);border-bottom:1px solid #292c2d}
.hero h1{font-size:clamp(48px,9vw,100px);margin:0;text-transform:uppercase;letter-spacing:5px;text-shadow:5px 5px 0 #17191a}.hero p{max-width:700px;margin:15px auto 28px;color:#c4c0b8;font-size:18px}
.btn{display:inline-block;background:#e85e08;color:#fff;padding:13px 22px;font-weight:900;text-transform:uppercase;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);margin:4px}.btn:hover{background:#ff7620}.btn.alt{background:#242829}
.page{padding:65px 0}.title{margin-bottom:35px}.title h1{font-size:44px;margin:0;text-transform:uppercase}.title p{color:#999;max-width:750px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:linear-gradient(145deg,#181b1c,#101213);border:1px solid #34383a;padding:24px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:55px;height:3px;background:#ef650d}.card h2,.card h3{margin-top:5px;text-transform:uppercase}.card p{color:#aaa}.tag{display:inline-block;color:#ff7620;font-size:12px;font-weight:bold;text-transform:uppercase;letter-spacing:1px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#333;margin:35px 0}.stat{background:#131617;text-align:center;padding:25px}.stat b{display:block;font-size:34px;color:#ff6a00}.stat span{color:#999;font-size:12px;text-transform:uppercase}
.vehicle{min-height:260px;display:flex;align-items:end;padding:22px;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.9)),linear-gradient(135deg,#3a3a35,#111);border:1px solid #3d4142}.vehicle h3{margin:0;font-size:24px}.vehicle p{margin:3px 0 0;color:#bbb}.weapon{border-left:4px solid #e85e08;padding:15px 20px;background:#151819;margin-bottom:12px}.weapon strong{font-size:18px}.bar{height:7px;background:#303536;margin-top:8px}.bar i{display:block;height:100%;background:#e85e08}
footer{border-top:1px solid #292c2d;padding:35px 0;color:#777;font-size:13px;text-align:center}
@media(max-width:850px){.grid,.grid.two{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;padding:15px 0;flex-direction:column}}
@media(max-width:550px){.grid,.grid.two{grid-template-columns:1fr}.hero{min-height:480px}.title h1{font-size:34px}nav a{padding:7px 5px;font-size:11px}}