*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;line-height:1.6;color:#222}.container{width:min(1100px,90%);margin:auto}.header{background:#fff;border-bottom:1px solid #eee}.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{font-weight:700;font-size:1.4rem;color:#222;text-decoration:none}nav{display:flex;gap:20px}nav a{color:#333;text-decoration:none}button{cursor:pointer}.hero{padding:100px 0;background:#f5f1ea}.hero h1{font-size:3rem}.button{display:inline-block;background:#222;color:#fff;padding:12px 24px;border:0;text-decoration:none;border-radius:6px}.section{padding:60px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{padding:25px;border:1px solid #ddd;border-radius:10px}footer{padding:30px 0;background:#111;color:white}#menuBtn{display:none}@media(max-width:700px){#menuBtn{display:block}nav{display:none;flex-direction:column}.cards{grid-template-columns:1fr}.hero h1{font-size:2rem}}