*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f6f8fb;color:#1d2733}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.nav{background:#fff;border-bottom:1px solid #e8edf3}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:700}
.nav a{margin-left:16px;color:#4b5b6b;text-decoration:none}
.hero{padding:72px 20px}
.hero h1{font-size:42px;line-height:1.1;margin:0 0 12px}
.hero p{font-size:18px;color:#5d6c7a;max-width:760px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:28px}
.card{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:20px;box-shadow:0 10px 24px rgba(14,30,37,.04)}
.footer{padding:24px 20px 48px;color:#748391}