*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:#050b16;color:#fff;min-height:100vh}
body:before{content:"";position:fixed;inset:0;z-index:-2;background:
radial-gradient(circle at 15% 20%,rgba(0,110,255,.16),transparent 32%),
radial-gradient(circle at 85% 25%,rgba(255,0,80,.12),transparent 32%),
linear-gradient(135deg,#061326,#030812 60%,#100816)}
body:after{content:"";position:fixed;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(0,170,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(0,170,255,.18) 1px,transparent 1px);background-size:72px 72px}
a{text-decoration:none;color:inherit}
header{position:sticky;top:0;z-index:1000;background:rgba(2,7,15,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,153,255,.2)}
.nav{max-width:1200px;margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.logo{width:115px;height:auto;display:block}
.menu{display:flex;align-items:center;gap:8px}
.menu a{padding:12px 13px;border-radius:12px;font-weight:700;color:#dbe8f7}
.menu a:hover,.menu a.active{background:rgba(0,153,255,.14);color:#fff}
.cta{background:linear-gradient(90deg,#087fff,#12b9f5)!important;color:#fff!important;border-radius:30px!important;box-shadow:0 0 22px rgba(0,153,255,.3)}
.menu-btn{display:none;border:1px solid #078cff;background:#06182d;color:#fff;border-radius:13px;font-size:28px;width:50px;height:46px;cursor:pointer}
.mobile-menu{display:none}
main{max-width:1200px;margin:auto;padding:70px 20px}
.hero{text-align:center;min-height:calc(100vh - 82px);display:flex;flex-direction:column;justify-content:center;align-items:center}
.badge{display:inline-block;border:1px solid #078cff;border-radius:30px;padding:12px 24px;color:#58c5ff;letter-spacing:3px;font-weight:800;margin-bottom:25px;background:rgba(0,130,255,.06)}
h1{font-size:clamp(42px,7vw,78px);line-height:1.02;margin-bottom:22px}
h1 span{color:#ff1744}
h2{font-size:38px;margin-bottom:14px}
h3{font-size:22px;margin-bottom:10px}
.lead{max-width:850px;font-size:20px;line-height:1.7;color:#aebed0}
.buttons{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:32px}
.btn{display:inline-block;padding:16px 28px;border-radius:14px;border:1px solid #087fff;font-weight:800;background:transparent}
.btn.primary{background:linear-gradient(90deg,#087fff,#11b8f5);border:0}
.section-title{text-align:center;margin-bottom:40px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:rgba(7,18,33,.82);border:1px solid rgba(0,153,255,.22);border-radius:20px;padding:25px;box-shadow:0 12px 35px rgba(0,0,0,.18)}
.card p{color:#aebed0;line-height:1.6}
.price{font-size:30px;font-weight:900;color:#ffd52a;margin:15px 0}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan{position:relative;text-align:center}
.plan strong{font-size:34px;color:#ffd52a;display:block;margin:12px 0}
.tag{display:inline-block;padding:7px 12px;border-radius:20px;background:rgba(0,153,255,.12);color:#59c7ff;font-weight:800}
.list{list-style:none;color:#c7d4e2;line-height:2}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.product{overflow:hidden;padding:0}
.product-img{height:170px;background:linear-gradient(135deg,#0b2340,#130d24);display:flex;align-items:center;justify-content:center;font-size:52px}
.product-body{padding:20px}
.search{width:100%;max-width:700px;display:block;margin:0 auto 30px;padding:16px 18px;border-radius:14px;border:1px solid rgba(0,153,255,.35);background:#071221;color:#fff;font-size:16px}
footer{border-top:1px solid rgba(0,153,255,.18);padding:35px 20px;text-align:center;color:#8294a8;background:#020711}
.note{border-left:4px solid #08a9ff;padding:15px 18px;background:rgba(0,153,255,.07);border-radius:8px;color:#c9d7e5;line-height:1.6;margin:25px 0}
@media(max-width:850px){
 .menu{display:none}.menu-btn{display:block}
 .mobile-menu{position:absolute;right:14px;top:76px;width:min(340px,calc(100vw - 28px));background:#030b17;border:1px solid rgba(0,153,255,.35);border-radius:18px;padding:12px;box-shadow:0 20px 60px #000;display:none}
 .mobile-menu.open{display:block}.mobile-menu a{display:block;padding:15px;border-radius:10px;font-weight:700}.mobile-menu a:hover{background:#09213b}
 .grid,.plan-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}
 main{padding:55px 16px}.hero{min-height:calc(100vh - 82px)}
}
@media(max-width:480px){.product-grid{grid-template-columns:1fr}h2{font-size:30px}.lead{font-size:17px}.buttons .btn{width:100%;text-align:center}}
.devices-info{
    margin: 25px auto 40px;
    padding: 18px 22px;
    max-width: 850px;
    text-align: center;
    border: 1px solid rgba(0,140,255,.55);
    border-radius: 18px;
    background: rgba(3,15,32,.75);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 0 20px rgba(0,120,255,.12);
}

.devices-info strong{
    color: #19aaff;
    font-weight: 700;
}
.devices-info{
    margin: 25px auto 40px;
    padding: 18px 22px;
    max-width: 850px;
    text-align: center;
    border: 1px solid rgba(0,140,255,.55);
    border-radius: 18px;
    background: rgba(3,15,32,.75);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 0 20px rgba(0,120,255,.12);
}

.devices-info strong{
    color: #19aaff;
    font-weight: 700;
}