*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,Segoe UI,Roboto,Arial,sans-serif;color:#1c2430;background:#f5f7f6}
header{background:#264653;color:#fff}.w{max-width:1040px;margin:0 auto;padding:0 20px}
header .w{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:22px;letter-spacing:.3px}.logo i{color:#e9c46a;font-style:normal}
nav a{color:#dfe6ee;text-decoration:none;margin-left:22px;font-size:15px}nav a:hover{color:#fff}
.hero{padding:64px 0 48px}.hero h1{font-size:36px;margin:0 0 12px;color:#264653}.hero p{max-width:640px;color:#4a5668}
.btn{display:inline-block;margin-top:18px;background:#e9c46a;color:#111;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;padding:12px 0 56px}
.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px rgba(20,30,50,.08)}.card h3{margin:0 0 8px;color:#264653;font-size:18px}
.card p{margin:0;color:#59667a;font-size:15px}footer{background:#264653;color:#aab6c6;padding:26px 0;font-size:14px}
main.page{padding:48px 0 64px;min-height:50vh}main.page h1{color:#264653}