body{margin:0;font-family:system-ui,sans-serif;color:#222}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:3px solid #2563eb}
.brand{display:flex;gap:8px;align-items:center;font-weight:700;color:#2563eb;text-decoration:none}
.brand img{height:32px}
.hero{padding:80px 24px;background:#eef2ff center/cover no-repeat;text-align:center}
.btn{display:inline-block;background:#2563eb;color:#fff;padding:10px 18px;border-radius:6px;text-decoration:none}
.btn:hover{background:rgba(37, 99, 235, .85)}
.features,.faq,.contact{padding:48px 24px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.card{border:1px solid #ddd;border-radius:8px;padding:16px}.card img{height:40px}
@media (max-width:600px){.hero h1{color:#2563eb}}
.foot{padding:24px;text-align:center;background:#111;color:#aaa}
.wa-float{position:fixed;right:16px;bottom:16px;background:#25d366;color:#fff;padding:10px 14px;border-radius:24px;text-decoration:none}
.contact-form{display:grid;gap:8px;max-width:480px;margin-top:16px}.contact-form input,.contact-form select,.contact-form textarea{padding:8px;border:1px solid #ccc;border-radius:6px;font:inherit}