:root{--industrial-grey:#4a4a4a;--industrial-dark:#2c2c2c;--industrial-light:#f5f5f5;--crimson:#dc143c;--crimson-dark:#b01030;--text-main:#333333;--text-light:#ffffff;--font-main:"Inter","Roboto",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);color:var(--text-main);background-color:var(--industrial-light);line-height:1.6}a{color:var(--crimson);text-decoration:none;transition:color .3s ease}a:hover{color:var(--crimson-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:var(--industrial-dark);color:var(--text-light);padding:20px 0;border-bottom:4px solid var(--crimson)}header .container{display:flex;justify-content:space-between;align-items:center}header h1{font-size:1.8rem;margin:0}header h1 a{color:var(--text-light)}header .site-logo{font-size:1.8rem;font-weight:800;margin:0}header .site-logo a{color:var(--text-light)}.hero h1{font-size:3rem;margin-bottom:20px}nav ul{list-style:none;display:flex;gap:20px}nav ul li a{color:var(--text-light);font-weight:600}nav ul li a:hover{color:var(--crimson)}.hero{background-color:var(--industrial-grey);color:var(--text-light);text-align:center;padding:80px 20px;border-bottom:5px solid var(--crimson)}.hero h2{font-size:3rem;margin-bottom:20px}.hero p{font-size:1.2rem;max-width:800px;margin:0 auto 30px}.btn{display:inline-block;background-color:var(--crimson);padding:15px 30px;font-size:1.1rem;font-weight:700;border-radius:4px;transition:transform .2s ease,background-color .2s ease}.btn,.btn:hover{color:var(--text-light)}.btn:hover{background-color:var(--crimson-dark);transform:translateY(-2px)}main{padding:60px 0}.content-box{background-color:#ffffff;padding:40px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:40px}.content-box h1,.content-box h2,.content-box h3{color:var(--industrial-dark);margin-bottom:20px}.content-box h1{border-bottom:2px solid var(--crimson);padding-bottom:10px}.content-box p,.content-box ul{margin-bottom:15px}.content-box ul{margin-left:20px}footer{background-color:var(--industrial-dark);color:var(--text-light);text-align:center;padding:30px 20px}.grid,footer{margin-top:40px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.card{background:#fff;border-top:4px solid var(--industrial-grey);padding:20px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.05);transition:transform .3s ease,border-color .3s ease}.card:hover{transform:translateY(-5px);border-top-color:var(--crimson)}.card h3{margin-bottom:10px;color:var(--industrial-dark)}