:root{font-family:Inter,system-ui,Arial,sans-serif;color:#172126;background:#f5f7f7}*{box-sizing:border-box}body{margin:0}a{color:inherit}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}header{background:#fff;border-bottom:1px solid #dde4e4;padding:18px 0}.brand{font-weight:800;text-decoration:none}.hero{padding:80px 0 54px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}h1{font-size:clamp(2.2rem,6vw,4.7rem);line-height:.98;max-width:850px;margin:.2em 0}p{line-height:1.6;color:#526064}form{display:flex;gap:8px;max-width:720px;margin-top:28px}input{flex:1;padding:16px;border:1px solid #cbd5d5;border-radius:10px;font-size:1rem}button{padding:16px 22px;border:0;border-radius:10px;background:#172126;color:white;font-weight:700}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{background:#fff;border:1px solid #e0e6e6;border-radius:14px;padding:22px}footer{padding:60px 0;color:#718083;font-size:.9rem}@media(max-width:720px){.hero{padding-top:48px}.cards{grid-template-columns:1fr}form{flex-direction:column}}