*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f5f0;color:#111}header{height:80px;margin:12px 5%;background:#171717;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 30px}button{background:#b8ff00;border:0;padding:16px 24px;font-weight:800}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:100px 8%}h1{font-size:80px;line-height:.85}h1 span{color:#ff4b1f}.visual{background:#222;color:#b8ff00;min-height:400px;display:grid;place-items:center;font-size:50px;font-weight:900}section{padding:70px 8%}.grid{display:grid;gap:20px;font-size:22px}footer{background:#111;color:white;padding:60px}h2{font-size:50px}@media(max-width:800px){.hero{grid-template-columns:1fr}h1{font-size:50px}}