*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#111}.wrap{max-width:1100px;margin:auto;padding:20px}.top{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #ddd}.hero{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px;padding:40px 0}h1{font-size:48px;line-height:1.1}p{color:#555;font-size:18px}button{padding:14px 22px;border-radius:12px;background:#111;color:#fff;border:0}.ph{background:#eee;border-radius:24px;display:flex;align-items:center;justify-content:center;min-height:320px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{border:1px solid #ddd;padding:18px;border-radius:18px}@media(max-width:800px){.grid,.hero{grid-template-columns:1fr}h1{font-size:34px}}