:root{--bg:#020B34;--card:#0D1A4A;--cyan:#22D9F2;--white:#fff;--muted:#9DA6C6}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Poppins,sans-serif;background:var(--bg);color:#fff}
.logo img{height:65px;width:auto;}
.container{width:90%;max-width:1200px;margin:auto}
.navbar{position:sticky;top:0;background:rgba(2,11,52,.9);padding:20px 0}
.nav-content{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:28px;font-weight:800}
.btn{padding:14px 24px;border-radius:14px;text-decoration:none;display:inline-block}
.btn-primary{background:var(--cyan);color:#001126}
.btn-outline{border:2px solid var(--cyan);color:var(--cyan)}
.btn-dark{background:#001126;color:#fff}
.hero{min-height:100vh;display:flex;align-items:center}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.badge{color:var(--cyan)}
.hero h1{font-size:64px;margin:20px 0}
.hero p{color:var(--muted)}
.hero-buttons{display:flex;gap:15px;margin-top:30px}
.hero-phone{text-align:center}
.hero-phone img{height:550px;transform:rotate(8deg);filter:drop-shadow(0 0 80px rgba(34,217,242,.3))}
.features,.screens{padding:100px 0}
.features h2,.screens h2{text-align:center;margin-bottom:40px;font-size:48px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:var(--card);padding:20px;border-radius:24px}
.card p{color:var(--muted);margin-top:10px}
.screens-grid{display:flex;justify-content:center;gap:25px;flex-wrap:wrap}
.screens-grid img{width:240px;border-radius:28px;box-shadow:0 15px 40px rgba(0,0,0,.4)}
.cta{padding:100px 0}
.cta-box{background:linear-gradient(135deg,#22D9F2,#00c2ff);padding:80px;border-radius:30px;text-align:center;color:#001126}
.cta-box p{margin:20px 0 30px}
.footer{text-align:center;padding:40px 0}
@media(max-width:900px){.hero-grid,.cards{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-phone img{height:450px}}
.card-icon{
  width:60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:rgba(34,217,242,.10);
  margin-bottom:20px;
  transition:.3s;
}

.card-icon svg{
  width:28px;
  height:28px;
  color:#22D9F2;
}

.card:hover .card-icon{
  transform:scale(1.12);
}



.appSwiper{

  width:90%;
  padding:50px 0;

}

.swiper-slide{

  display:flex;
  flex-direction:column;
  align-items:center;

}

.swiper-slide img{

  width:230px;
  border-radius:5px;
  transition:.35s;
  box-shadow:0 20px 50px rgba(0,0,0,.45);

}

.swiper-slide-active img{

  transform:scale(1.08);

}

.swiper-slide span{

  margin-top:18px;
  color:#AFC4FF;
  font-size:15px;

}

.swiper-button-next,
.swiper-button-prev{

  color:#22D9F2;

}

.swiper-pagination-bullet{

  background:#22D9F2;

}

.swiper-pagination{

  margin-top:20px;

}