body{margin:0;font-family:Inter,sans-serif;background:#030b18;color:#fff;line-height:1.8}
.hero{padding:30px;background:linear-gradient(180deg,#071426,#030b18)}
.container{width:90%;max-width:1400px;margin:auto}
.hero img,.feature-img{width:100%;border-radius:24px;box-shadow:0 0 40px rgba(0,212,255,.25)}
h1,h2,h3{color:#00d4ff}
.title{text-align:center;font-size:72px;font-weight:800;margin:10px 0}
.subtitle{text-align:center;color:#bfefff;font-size:24px}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin:40px 0}
.kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:20px;border-radius:18px;text-align:center}
.kpi h3{margin:0;font-size:34px;color:#00f5a0}
.section{padding:60px 0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);padding:25px;border-radius:20px}
.feature-img{height:320px;object-fit:cover;background:linear-gradient(135deg,#0b2340,#123b64)}
ul li{margin:8px 0}
@media(max-width:900px){.grid,.kpis{grid-template-columns:1fr}.title{font-size:42px}}