*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Inter,sans-serif;background:#f6f9ff;color:#081b4b}
.wrap{width:min(1280px,92%);margin:auto}
.header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-bottom:1px solid #e5ecff}
.header .wrap{display:flex;justify-content:space-between;align-items:center;padding:24px 0}
nav{display:flex;gap:30px}
nav a{text-decoration:none;color:#081b4b;font-weight:600}
.logo{font-weight:900}
.btn{background:linear-gradient(135deg,#005cff,#4b8cff);color:#fff;padding:14px 24px;border-radius:999px;text-decoration:none;display:inline-block}
.ghost{background:#fff;color:#081b4b;border:1px solid #dce6ff}
.hero{padding:100px 0;background:radial-gradient(circle at right,#dfeaff,#f7faff)}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center}
.eyebrow{letter-spacing:2px;color:#005cff;font-size:12px;font-weight:800}
h1{font-size:88px;line-height:.95;margin:20px 0}
h1 span{color:#005cff}
p{font-size:22px;color:#5b6787;max-width:700px}
.cta-row{display:flex;gap:15px;margin-top:30px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.stats div,.card,.logos div{background:#fff;border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(0,40,120,.08)}
.stats strong{display:block;font-size:30px;color:#005cff}
.visual{display:flex;justify-content:center}
.dashboard{width:100%;height:520px;background:#fff;border-radius:40px;box-shadow:0 30px 80px rgba(0,40,120,.12);padding:30px;position:relative}
.kpi{font-weight:800;font-size:28px}
.chart{height:180px;border-radius:20px;background:linear-gradient(135deg,#005cff,#7c5cff);margin-top:20px}
.map{position:absolute;right:30px;bottom:30px;width:260px;height:180px;border-radius:20px;background:#eef4ff}
.section{padding:120px 0}
.alt{background:#fff}
h2{font-size:64px;line-height:1;margin-bottom:50px}
.cards,.logos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card h3{margin-bottom:12px;font-size:30px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.screen{height:500px;border-radius:36px;background:linear-gradient(135deg,#081b4b,#005cff)}
ul li{margin:14px 0;font-size:22px}
.footercta{padding:140px 0;background:linear-gradient(135deg,#081b4b,#005cff);text-align:center;color:#fff}
.white{background:#fff;color:#081b4b}
@media(max-width:900px){
.hero-grid,.two,.cards,.logos,.stats{grid-template-columns:1fr}
h1{font-size:54px}
nav{display:none}
}