*{box-sizing:border-box}body{margin:0;font:16px/1.55 Georgia,serif;color:#16263a;background:#fbfaf7}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.mute{color:#5d6b7a}
.banner{background:#16263a;color:#fff;font:13px system-ui,sans-serif;text-align:center;padding:6px}
.top{background:#fff;border-bottom:1px solid #e6e2d9}.top .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font:600 20px system-ui,sans-serif;color:#16263a;text-decoration:none}.logo b{color:#e05a1c}
nav a{font:15px system-ui,sans-serif;color:#16263a;margin-left:18px;text-decoration:none}nav .cta{background:#e05a1c;color:#fff;padding:8px 14px;border-radius:6px}
.hero{background:linear-gradient(135deg,#dff0fb,#fff6ec);padding:72px 0}.hero h1{font-size:44px;margin:0 0 12px}
.btn{display:inline-block;background:#0f6cbd;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font:600 16px system-ui,sans-serif}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:40px auto}
.card{background:#fff;border:1px solid #e6e2d9;border-radius:10px;padding:18px}
section{margin-bottom:32px}footer{padding:30px 20px}
@media(max-width:640px){nav a:not(.cta){display:none}.hero h1{font-size:32px}}