*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
html{scroll-behavior:smooth}
body{background:#050505;color:#fff}
section{padding:65px 18px}
.wrap{max-width:1150px;margin:auto}
.center{text-align:center}
p{color:#d6d6d6;line-height:1.7;font-size:17px}
.title{text-align:center;font-size:36px;margin-bottom:12px}
.title span{color:#e50914}

/* HERO */
.hero{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:25px;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#000d,#050505)}
.content{position:relative;z-index:2;max-width:980px}
.logo{width:105px;height:105px;background:#e50914;border-radius:28px;margin:auto;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:900;box-shadow:0 20px 50px #000}
h1{font-size:48px;margin:22px 0 12px}

/* DEVICE CARDS */
.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:35px}
.device-card{background:linear-gradient(180deg,#151515,#080808);border:1px solid #2b2b2b;border-radius:26px;padding:25px;text-align:center;transition:.3s;position:relative;overflow:hidden}
.device-card:before{content:"";position:absolute;top:-80px;right:-80px;width:160px;height:160px;background:#e5091444;border-radius:50%;filter:blur(25px)}
.device-card:hover{transform:translateY(-8px);border-color:#e50914;box-shadow:0 20px 50px #e5091435}
.icon{font-size:48px;margin-bottom:15px;color:#e50914}
.device-card h3{font-size:22px;margin-bottom:10px}
.device-card span{display:block;font-size:13px;color:#aaa;margin-top:10px}

/* BUTTON */
.btn{display:block;margin-top:20px;background:linear-gradient(135deg,#e50914,#ff2a35);color:white;text-decoration:none;padding:15px;border-radius:15px;font-weight:900;box-shadow:0 12px 30px #e5091455;transition:.3s}
.btn:hover{transform:scale(1.04);background:linear-gradient(135deg,#ff2a35,#e50914)}

/* SCREENSHOT SLIDER */
.slider-box{margin-top:40px;overflow:hidden;position:relative}
.slider-track{display:flex;gap:22px;animation:slide 18s linear infinite}
.slider-box:hover .slider-track{animation-play-state:paused}
.slide{min-width:260px;background:#111;border:1px solid #282828;border-radius:28px;padding:12px;box-shadow:0 25px 60px #000}
.slide img{width:100%;height:520px;object-fit:cover;border-radius:22px;display:block}
@keyframes slide{
0%{transform:translateX(0)}
100%{transform:translateX(-1128px)}
}

/* CARDS */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin-top:30px}
.card{background:#111;border:1px solid #252525;border-radius:22px;padding:24px;transition:.3s}
.card:hover{border-color:#e50914;transform:translateY(-5px)}
.card h3{margin-bottom:10px}

/* STEPS */
.step{display:flex;gap:15px}
.step b{background:#e50914;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* CONTACT */
.contact-card{text-align:center}
.contact-card > i{font-size:55px;color:#e50914;margin-bottom:15px}
.contact-card .fa-whatsapp{color:#25d366}

/* FOOTER */
footer{text-align:center;color:#999;padding:35px}

/* TOAST */
.toast{position:fixed;top:20px;right:20px;background:#e50914;color:#fff;padding:15px 22px;border-radius:14px;display:none;z-index:999;font-weight:900;box-shadow:0 15px 35px #000}

/* FLOAT WHATSAPP */
.whatsapp-float{position:fixed;right:18px;bottom:85px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;font-size:34px;z-index:999;box-shadow:0 8px 25px rgba(0,0,0,.45);transition:.3s;animation:pulse 2s infinite}
.whatsapp-float:hover{transform:scale(1.12);background:#20ba5a}
@keyframes pulse{
0%{box-shadow:0 0 0 0 rgba(37,211,102,.7)}
70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}
100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}
}

/* STICKY MOBILE */
.sticky{position:fixed;bottom:15px;left:15px;right:15px;background:#e50914;color:#fff;text-align:center;text-decoration:none;padding:16px;border-radius:16px;font-weight:900;z-index:99;box-shadow:0 15px 35px #000}

/* MOBILE */
@media(max-width:600px){
h1{font-size:34px}
.title{font-size:28px}
section{padding:50px 15px}
.logo{width:90px;height:90px;font-size:28px}
.slide{min-width:220px}
.slide img{height:440px}
@keyframes slide{
0%{transform:translateX(0)}
100%{transform:translateX(-968px)}
}
}

/* DESKTOP */
@media(min-width:700px){
.sticky{display:none}
}