*{box-sizing:border-box}
body{margin:0;background:#f5f5f7;color:#161616;
font-family:Arial,sans-serif}
header{background:#121212;color:white;padding:24px}
.brand{font-size:clamp(24px,4vw,36px);font-weight:800}
.brand span{color:#d43d49}
header p{color:#ccc}
main{max-width:1150px;margin:auto;padding:25px}
.hero{background:white;padding:35px;border-radius:14px;
border-top:6px solid #861a22}
h1{font-size:clamp(30px,5vw,48px)}
h2{margin-top:35px}
.button{display:inline-block;background:#861a22;color:white;
padding:14px 20px;border-radius:9px;
text-decoration:none;font-weight:bold}
.grid{display:grid;grid-template-columns:
repeat(auto-fit,minmax(230px,1fr));gap:16px}
article{background:white;padding:22px;border-radius:12px;
border:1px solid #ddd}
.note{color:#666;margin-top:25px}
footer{background:#171717;color:#ddd;
padding:20px;margin-top:35px}