* {margin:0;padding:0;box-sizing:border-box;font-family:Arial, sans-serif;}
body {line-height:1.6;background:#f9f9f9;color:#333;}
a {text-decoration:none;color:#0077cc;}
.header {background:#fff;padding:15px 30px;position:sticky;top:0;border-bottom:1px solid #eee;z-index:100;}
.header-inner {display:flex;align-items:center;justify-content:space-between;}
.logo {width:40px;height:40px;background:#0077cc;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:10px;font-weight:bold;}
.brand {display:flex;align-items:center;font-size:1.2rem;font-weight:bold;}
.nav {display:flex;gap:20px;}
.nav a {color:#333;}
.nav a.cta {color:#0077cc;font-weight:bold;}
.hamb {display:none;font-size:1.5rem;cursor:pointer;}
.container {max-width:1200px;margin:auto;padding:20px;}
.hero {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:60px 20px;background:#eef6fb;}
.hero h1 {font-size:2.5rem;margin-bottom:15px;}
.hero .lead {font-size:1.2rem;margin-bottom:20px;}
.hero-card {background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1);max-width:300px;}
.cta {background:#0077cc;color:#fff;padding:10px 20px;border-radius:4px;}
.services-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;}
.service {background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.row {display:flex;flex-wrap:wrap;gap:20px;margin-top:20px;}
.card {flex:1;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.footer {background:#333;color:#fff;text-align:center;padding:20px;margin-top:40px;}
.chat-float {position:fixed;bottom:20px;right:20px;background:#0077cc;color:#fff;padding:15px;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.3);}
.chat-window {position:fixed;bottom:80px;right:20px;width:300px;background:#fff;border:1px solid #ccc;border-radius:8px;display:none;flex-direction:column;}
.chat-window .header {background:#0077cc;color:#fff;padding:10px;border-radius:8px 8px 0 0;}
.chat-body {padding:10px;flex:1;overflow-y:auto;height:200px;}
.chat-input {display:flex;padding:10px;gap:10px;}
.chat-input input {flex:1;padding:5px;}
.chat-input button {padding:5px 10px;background:#0077cc;color:#fff;border:none;cursor:pointer;}
@media(max-width:768px){.nav{display:none;flex-direction:column;gap:10px;position:absolute;top:60px;right:20px;background:#fff;padding:10px;border:1px solid #eee;} .nav.show{display:flex;} .hamb{display:block;} .hero{flex-direction:column;align-items:flex-start;}}