*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',sans-serif;color:#071b4d;background:#fff;overflow-x:hidden}
a{text-decoration:none}
.topbar{background:#0642b8;color:#fff;font-size:14px;padding:8px 0}
.topbar i{margin-right:6px}
.navbar{padding:16px 0;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.04)}
.logo{font-size:50px;font-weight:900;color:#0642b8;line-height:40px}
.logo small{display:block;font-size:11px;color:#0a235a;font-weight:700}
.nav-link{font-weight:800;color:#08194b!important;margin:0 12px;font-size:14px}
.nav-link.active{color:#0642b8!important;border-bottom:2px solid #0642b8}
.btn-main{background:#0642b8;color:#fff;border-radius:9px;padding:0 18px;font-weight:800;border:2px solid #0642b8;transition:.3s}
.btn-main:hover{background:#022f91;color:#fff;transform:translateY(-2px)}
.btn-outline-main{border:2px solid #0642b8;color:#0642b8;background:#fff;border-radius:9px;padding:0 18px;font-weight:800;transition:.3s}
.btn-outline-main:hover{background:#0642b8;color:#fff;transform:translateY(-2px)}
.hero{background:linear-gradient(110deg,#f7fbff 0%,#eef6ff 56%,#0054d9 56%);padding:55px 0 45px;overflow:hidden}
.hero h1{font-size:55px;font-weight:900;line-height:1.08;color:#050b16}
.hero h1 span{color:#0642b8;display:block}
.hero p{font-size:19px;color:#26365f;margin:22px 0}
.hero-img{width:100%;max-height:430px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.22))}
.hero-buttons{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.hero-buttons .btn{min-width:210px;height:54px;display:inline-flex;align-items:center;justify-content:center}
.badges{display:flex;gap:28px;margin:25px 0;flex-wrap:wrap}
.badges div{text-align:center;font-size:12px;font-weight:700}
.badges i{font-size:28px;color:#0642b8;display:block;margin-bottom:6px}
.stats{background:#0642b8;color:#fff;border-radius:14px;padding:24px;margin-top:-18px;position:relative;z-index:5}
.stat-box{border-right:1px solid rgba(255,255,255,.25)}
.stat-box:last-child{border-right:0}
.stat-box i{font-size:34px;margin-right:15px}
.stats h3{margin:0;font-weight:900}
.support-box{border:1px solid #e6ecf7;border-radius:14px;padding:25px;margin:22px 0 25px;background:#fff}
.support-item{border-left:1px solid #e9edf5;padding-left:30px}
.section-title small{color:#0642b8;font-weight:800}
.section-title h2{font-weight:900;font-size:25px}
.product-card{border:1px solid #e6ecf7;border-radius:13px;padding:18px;background:#fff;height:100%;position:relative;transition:.3s}
.product-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.08);transform:translateY(-4px)}
.product-card img{height:145px;width:100%;object-fit:contain}
.tag{position:absolute;top:14px;left:14px;background:#0642b8;color:#fff;border-radius:12px;padding:6px 9px;font-size:10px;font-weight:800}
.product-card h5{font-size:17px;font-weight:800;margin-top:15px}
.product-card p{font-size:13px;color:#425171;min-height:42px}
.features{display:flex;justify-content:space-between;text-align:center;margin:12px 0;font-size:10px;color:#14327a;gap:5px}
.features i{display:block;font-size:15px;color:#0642b8}
.choose-card{background:#f7faff;border-radius:13px;padding:22px;height:100%}
.choose-card i{font-size:42px;color:#0642b8;margin-right:18px}
.launch-card{border:1px solid #e6ecf7;border-radius:13px;padding:18px;height:100%;transition:.3s}
.launch-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.08);transform:translateY(-4px)}
.launch-card img{height:125px;width:100%;object-fit:contain}
.market-strip{background:#0642b8;color:#fff;padding:18px 0;margin-top:35px}
.footer{background:#061b3b;color:#fff;padding:35px 0 0}
.footer h6{font-weight:800;margin-bottom:15px}
.footer a{display:block;color:#dce7ff;font-size:14px;margin-bottom:8px}
.footer p{font-size:14px;color:#dce7ff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.15);margin-top:25px;padding:14px 0;font-size:13px}
.whatsapp{position:fixed;right:26px;bottom:28px;background:#25d366;color:#fff;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;box-shadow:0 5px 18px rgba(0,0,0,.25);z-index:99}

@media(max-width:991px){
  .topbar{text-align:center}
  .navbar .btn-main{margin-top:12px}
  .hero{background:#f4f9ff;padding:40px 0 35px;text-align:center}
  .hero h1{font-size:42px}
  .hero p{font-size:17px}
  .badges{justify-content:center;gap:20px}
  .hero-buttons{justify-content:center}
  .hero-img{margin-top:35px;max-height:330px}
  .stat-box{border-right:0;margin-bottom:18px}
  .support-item{border-left:0;padding-left:0;margin-top:20px}
}

@media(max-width:767px){
  .logo{font-size:40px;line-height:34px}
  .hero h1{font-size:34px}
  .hero p{font-size:16px}
  .hero-buttons{gap:12px}
  .hero-buttons .btn{width:100%;min-width:100%}
  .hero-img{max-height:280px}
  .stats{margin-top:20px}
  .stat-box{padding:12px 0}
  .support-box{text-align:center}
  .support-item{padding:18px 0 0}
  .product-card img,.launch-card img{height:170px}
  .section-title{display:block!important}
  .section-title h2{font-size:22px}
  .market-strip .col-md-3{margin-bottom:12px}
  .footer{text-align:center}
}