body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#eef4f5;color:#0a3550}
header{background:#072f4f;color:white;padding:18px 40px;display:flex;justify-content:space-between;align-items:center}
.logo{font-weight:700;font-size:28px}
nav a{color:white;text-decoration:none;margin-left:18px}
.crm-btn,.primary-btn{background:#0db3c7;padding:12px 20px;border-radius:30px;color:white;text-decoration:none}
.hero{text-align:center;padding:90px 20px;background:linear-gradient(135deg,#e9f5f6,#dceced)}
.hero h1{font-size:52px;margin-bottom:10px}
.cards{display:flex;gap:20px;justify-content:center;padding:50px 20px;flex-wrap:wrap}
.card{background:white;border-radius:18px;padding:25px;width:280px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.about{padding:50px 20px;text-align:center}
footer{text-align:center;padding:25px;background:#072f4f;color:white}