*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2433;background:#f6f7fb}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:#fff;border-bottom:1px solid #e6e8ef}
header b{font-size:20px}nav a{margin-left:22px;color:#1d2433;text-decoration:none}
.hero{position:relative}.hero img{width:100%;height:340px;object-fit:cover;display:block}
.hero h1{position:absolute;left:6vw;bottom:40px;margin:0;color:#fff;font-size:42px;text-shadow:0 2px 12px rgba(0,0,0,.35)}
main{padding:40px 6vw;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}
.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px rgba(20,30,60,.06)}
.card h3{margin-top:0}footer{padding:30px 6vw;color:#6b7385;font-size:14px}