:root{font-family:system-ui,sans-serif;color:#243044;background:#f7f9fc}*{box-sizing:border-box}body{margin:0}header,footer,main{max-width:980px;margin:auto}header{display:flex;gap:12px;align-items:center;padding:24px}main{padding:38px 24px}.hero{display:flex;gap:34px;align-items:center}.hero img{max-width:42%;height:auto}.hero h1{font-size:42px;margin:0 0 12px}.hero p{line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.cards article{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:20px}.cards h2{font-size:18px}footer{display:flex;gap:18px;padding:24px;color:#67748a;font-size:14px}footer span{margin-left:auto}@media(max-width:680px){.hero{display:block}.hero img{max-width:100%}.cards{grid-template-columns:1fr}.hero h1{font-size:32px}}