*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Roboto',sans-serif;background:#050D16;color:#E6EBF0}
.container{max-width:1200px;margin:auto;padding:32px}
.top{background:#050D16;position:sticky;top:0;z-index:10}
.top-flex{display:flex;justify-content:space-between;align-items:center;gap:20px}
.menu a{color:#E6EBF0;margin-right:12px;text-decoration:none;font-size:.9rem}
.logo{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:700}
.logo span{color:#1F6AE1}

.hero{padding:100px 0;background:linear-gradient(160deg,#050D16,#0B1C2D)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.badge{background:#1F6AE1;padding:8px 16px;border-radius:20px;font-size:.8rem}
.cta-group{margin-top:30px;display:flex;gap:20px;flex-wrap:wrap}

.carousel{overflow:hidden;border-radius:20px}
.slides{display:flex;animation:slide 15s infinite}
.slides img{width:100%;flex-shrink:0}
@keyframes slide{0%{transform:translateX(0)}33%{transform:translateX(-100%)}66%{transform:translateX(-200%)}100%{transform:translateX(0)}}

.streamings{background:#081522;padding:90px 0;text-align:center}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;margin-top:40px}
.logo-card{background:linear-gradient(180deg,#fff,#f3f3f3);padding:30px;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.logo-card img{width:100%;filter:contrast(1.15) brightness(1.1)}

.how{padding:90px 0;text-align:center}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px}
.step{background:#0F1F33;padding:30px;border-radius:18px}

.plans{padding:100px 0}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px}
.plan{background:#0F1F33;padding:36px;border-radius:20px;text-align:center}
.plan.highlight{border:2px solid #1F6AE1}
.price{font-size:2rem;margin:18px 0}
.cta-center{text-align:center;margin-top:50px}

.testimonials,.faq{padding:90px 0;background:#081522}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-top:40px}
.card{background:#0F1F33;padding:28px;border-radius:18px;opacity:0;animation:fadeIn .8s forwards}
.card.fade{animation-delay:.2s}
.card.slide{animation:slideUp .8s forwards}
@keyframes fadeIn{to{opacity:1}}
@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}

.footer-flex{display:flex;justify-content:space-between;align-items:center}

.btn-primary,.btn-outline{padding:14px 34px;border-radius:40px;text-decoration:none}
.btn-primary{background:#1F6AE1;color:#fff}
.btn-outline{border:1px solid #1F6AE1;color:#1F6AE1}

.mobile-cta{display:none}
@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.mobile-cta{display:block;position:fixed;bottom:16px;left:16px;right:16px;background:#1F6AE1;color:#fff;text-align:center;padding:16px;border-radius:40px}
.desktop-only{display:none}
}