*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#17202a}
header{background:#081525;color:white;padding:22px 7%;display:flex;justify-content:space-between;align-items:center}
.brand small{display:block;color:#bfc7ce}
.hero{min-height:70vh;background:linear-gradient(120deg,#081525,#14545b);display:flex;align-items:center;padding:8%;color:white}
.hero h1{font-size:48px;max-width:800px}
button{padding:14px 25px;border:0;border-radius:5px;background:#00a6b2;color:white;margin:8px}
.stats,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:50px 8%}
.stats div,.cards article,.logos,select{padding:30px;background:#f2f4f5;border-radius:12px}
.stats b{font-size:36px;color:#00a6b2;display:block}
h2{padding:30px 8% 0}
.chat{position:fixed;right:25px;bottom:25px;background:#00a6b2;color:white;padding:18px;border-radius:30px}