@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600&display=swap');
:root{--black:#050505;--dark:#101010;--panel:#171717;--white:#f5f5f5;--gray:#aaa;--red:#cf1f2c;--border:#292929;}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--black);color:var(--white);font-family:Inter,sans-serif;line-height:1.6}
img{display:block;max-width:100%;height:auto}
a{text-decoration:none;color:inherit}
.container{width:min(92%,1180px);margin:auto}
.site-header{position:fixed;top:0;width:100%;background:rgba(5,5,5,.95);border-bottom:1px solid var(--border);z-index:1000}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:15px;white-space:nowrap}
.nav-logo{height:48px;width:auto;flex-shrink:0}
.brand-text{font:700 30px "Barlow Condensed",sans-serif;letter-spacing:2px}
.brand-text strong{color:var(--red)}
.main-nav{display:flex;gap:28px;font-weight:600;text-transform:uppercase}
.nav-cta{padding:10px 18px;border:1px solid var(--red)}
.menu-button{display:none}
.hero{min-height:100vh;display:flex;align-items:center;padding:140px 20px 90px;text-align:center}
.hero-content{max-width:900px;margin:auto}
.hero-logo{max-width:650px;margin:0 auto 35px}
.hero-slogan,.eyebrow{color:var(--red);font-family:"Barlow Condensed";letter-spacing:6px;margin-bottom:18px}
.hero-title,h2,h3{font-family:"Barlow Condensed";text-transform:uppercase}
.hero-title{font-size:56px;line-height:1.05;margin-bottom:25px}
.hero-text{max-width:700px;margin:0 auto 40px;color:#ccc;font-size:20px}
.hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.button{padding:14px 24px;font-weight:700;text-transform:uppercase}
.primary{background:var(--red)}
.secondary{border:1px solid #666}
.section{padding:100px 0}
.dark,.dark2{background:var(--dark)}
.section-heading{margin-bottom:40px}
.service-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{background:var(--panel);border:1px solid var(--border);padding:30px}
.service-card span{color:var(--red);font-weight:700}
.product-grid img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border)}
.contact{background:var(--red)}
footer{background:#030303;padding:25px 0;text-align:center}
@media(max-width:850px){.menu-button{display:block}.main-nav{display:none}.service-grid,.product-grid{grid-template-columns:1fr}.brand-text{font-size:22px}}