body{
  margin:0;
  font-family:Inter,system-ui,Arial,sans-serif;
  background:#0b0f1a;
  color:#f5f7fa;
}
a{color:#4dd0e1;text-decoration:none}
.container{width:min(1100px,calc(100% - 40px));margin:auto}
.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.brand{font-weight:700;font-size:20px}
.nav a{margin-left:16px}
.hero{padding:80px 0;text-align:center}
h1{font-size:46px;margin-bottom:16px}
.lead{color:#cfd8dc;max-width:700px;margin:0 auto 32px}
.btn{display:inline-block;padding:14px 20px;border-radius:12px;font-weight:700;margin:6px}
.btn-primary{background:#4dd0e1;color:#041014}
.btn-secondary{border:1px solid #4dd0e1}
.btn-ghost{border:1px solid #555}
.section{padding:70px 0}
.section.alt{background:#11162a}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#161c33;padding:20px;border-radius:16px}
.usecases{list-style:none;padding:0;font-size:18px}
.usecases li{margin:10px 0}
.contact-box{margin:24px 0}
.wa-btn{display:inline-block;margin-top:20px}
.footer{text-align:center;padding:30px 0;font-size:14px;color:#9ea7ad}
@media(max-width:900px){
  .grid{grid-template-columns:1fr}
  h1{font-size:34px}
}