:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;background:#f4f2ed}
*{box-sizing:border-box}
body{margin:0}
header,main,footer{max-width:1100px;margin:auto;padding:24px}
header{display:flex;justify-content:space-between;align-items:center}
.brand{font-weight:700;letter-spacing:.04em}
nav a{margin-left:18px;color:#333;text-decoration:none}
.hero{padding:110px 0 80px;max-width:760px}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:#777}
h1{font-size:58px;line-height:1.02;margin:18px 0}
.hero p{font-size:20px;line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:80px}
article{background:#fff;padding:28px;min-height:190px}
.page{max-width:700px;padding:100px 0}
footer{font-size:13px;color:#777}
@media(max-width:700px){header{align-items:flex-start;gap:20px}nav a{display:block;margin:0 0 8px}h1{font-size:42px}.grid{grid-template-columns:1fr}.hero{padding-top:60px}}