*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif}
body{background:var(--dark);color:#fff;line-height:1.6}
a{text-decoration:none;color:inherit}
.header{display:flex;justify-content:space-between;align-items:center;padding:22px 7%;position:sticky;top:0;background:rgba(7,17,31,.88);backdrop-filter:blur(15px);z-index:10;border-bottom:1px solid rgba(255,255,255,.08)}
.logo{font-weight:900;font-size:24px}.logo span{color:var(--secondary)}
nav{display:flex;gap:22px;align-items:center}nav a{color:#dbeafe;font-weight:600}.btn{display:inline-block;background:linear-gradient(135deg,var(--primary),var(--secondary));padding:14px 24px;border-radius:14px;font-weight:800;color:white;box-shadow:0 12px 30px rgba(0,183,255,.28)}.btn.small{padding:10px 16px}.btn.ghost{background:transparent;border:1px solid var(--secondary)}.btn.full{width:100%;text-align:center;margin-top:20px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:90px 7%;align-items:center;background:radial-gradient(circle at top right,#073b74,transparent 35%),linear-gradient(180deg,var(--dark),#0a1730)}
.badge{display:inline-block;background:rgba(0,183,255,.14);border:1px solid rgba(0,183,255,.35);padding:8px 14px;border-radius:999px;color:#8ee7ff;margin-bottom:18px;font-weight:700}
h1{font-size:58px;line-height:1.05;margin-bottom:22px;letter-spacing:-2px}.subtitle{font-size:20px;color:#c7d2fe;max-width:690px}.hero-actions{display:flex;gap:14px;margin:30px 0}.trust{display:flex;gap:18px;flex-wrap:wrap;color:#dbeafe;font-weight:700}
.hero-card{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.35);position:relative}.server-dot{width:16px;height:16px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 10px rgba(34,197,94,.12);animation:pulse 2s infinite}.hero-card h3{font-size:30px;margin:20px 0}.hero-card p{font-size:18px;color:#dbeafe;margin:10px 0}.speed{margin-top:24px;padding:18px;background:rgba(0,183,255,.16);border-radius:18px;text-align:center;font-weight:900}
@keyframes pulse{50%{box-shadow:0 0 0 18px rgba(34,197,94,.02)}}
.features,.plans,.faq{padding:75px 7%}h2{text-align:center;font-size:42px;margin-bottom:18px}.center{text-align:center;color:#bfdbfe;margin-bottom:35px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:35px}.feature,.plan{background:#0d1d35;border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:28px}.feature h3{margin:12px 0}.feature p,.plan li,.faq p{color:#cbd5e1}
.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.plan{position:relative}.plan.popular{transform:scale(1.04);border-color:var(--secondary);box-shadow:0 22px 55px rgba(0,183,255,.18)}.tag{position:absolute;top:-16px;right:22px;background:var(--secondary);color:#00111f;padding:6px 14px;border-radius:999px;font-weight:900}.price{font-size:44px;font-weight:900;margin:14px 0}.price span{font-size:16px;color:#93c5fd}.plan ul{list-style:none}.plan li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.cta{margin:50px 7%;padding:55px;border-radius:30px;text-align:center;background:linear-gradient(135deg,#082f68,var(--primary))}.cta p{margin:10px 0 25px;color:#e0f2fe}
.faq details{max-width:850px;margin:14px auto;background:#0d1d35;border-radius:16px;padding:18px;border:1px solid rgba(255,255,255,.08)}summary{font-weight:800;cursor:pointer}footer{text-align:center;padding:35px;color:#94a3b8;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:900px){.hero,.pricing,.grid{grid-template-columns:1fr}h1{font-size:40px}.header{flex-direction:column;gap:15px}nav{flex-wrap:wrap;justify-content:center}.plan.popular{transform:none}.hero-actions{flex-direction:column}.features,.plans,.faq,.hero{padding:55px 5%}}

.lang-switch{display:flex;gap:6px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:4px;border-radius:999px}.lang-switch a{padding:6px 9px;border-radius:999px;color:#cfe9ff;text-decoration:none;font-weight:800;font-size:12px}.lang-switch a.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}
@media(max-width:850px){.lang-switch{order:-1;margin:8px auto}}


/* Animaciones premium: cohetes, servidores y fondo tecnológico */
.space-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(circle at 20% 20%, rgba(0,119,255,.22), transparent 28%),radial-gradient(circle at 80% 10%, rgba(0,212,255,.14), transparent 24%)}
.space-bg span{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.75);box-shadow:0 0 18px rgba(0,212,255,.9);animation:starFloat 9s linear infinite}
.space-bg span:nth-child(1){left:12%;top:20%;animation-delay:0s}.space-bg span:nth-child(2){left:45%;top:12%;animation-delay:2s}.space-bg span:nth-child(3){left:75%;top:32%;animation-delay:4s}.space-bg span:nth-child(4){left:88%;top:70%;animation-delay:1s}
@keyframes starFloat{0%{transform:translateY(0);opacity:.25}50%{opacity:1}100%{transform:translateY(90px);opacity:.1}}
.visual-zone{position:relative;min-height:430px;display:grid;place-items:center}
.rocket{position:absolute;font-size:54px;left:6%;top:12%;filter:drop-shadow(0 0 24px var(--secondary));animation:rocketFly 5.5s ease-in-out infinite;z-index:3}
@keyframes rocketFly{0%,100%{transform:translate(0,0) rotate(-18deg)}50%{transform:translate(46px,-36px) rotate(8deg)}}
.rocket:after{content:'';position:absolute;width:60px;height:10px;right:40px;top:43px;background:linear-gradient(90deg,rgba(0,212,255,.8),transparent);filter:blur(5px);transform:rotate(18deg)}
.orbit{position:absolute;border:1px solid rgba(0,212,255,.18);border-radius:50%;animation:spin 12s linear infinite}.orbit-one{width:360px;height:360px}.orbit-two{width:285px;height:285px;animation-duration:8s;animation-direction:reverse;border-color:rgba(0,119,255,.25)}
@keyframes spin{to{transform:rotate(360deg)}}
.server-rack{display:grid;gap:9px;margin-bottom:16px}.server-rack span{display:block;height:24px;border-radius:9px;background:linear-gradient(90deg,rgba(0,119,255,.35),rgba(0,212,255,.18));border:1px solid rgba(255,255,255,.13);position:relative;overflow:hidden}.server-rack span:after{content:'';position:absolute;left:-40%;top:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:scan 2.2s infinite}@keyframes scan{to{left:110%}}
.mini-server{position:absolute;width:96px;padding:14px;border-radius:18px;background:rgba(8,20,39,.72);border:1px solid rgba(0,212,255,.28);box-shadow:0 18px 45px rgba(0,0,0,.28);animation:floatServer 4.2s ease-in-out infinite}.mini-server b{display:block;color:var(--secondary);margin-bottom:8px}.mini-server span{display:block;height:8px;border-radius:8px;background:rgba(255,255,255,.12);margin:6px 0}.s1{right:5%;top:16%}.s2{left:3%;bottom:12%;animation-delay:1.3s}@keyframes floatServer{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.hero-card{animation:cardGlow 3.8s ease-in-out infinite}@keyframes cardGlow{0%,100%{box-shadow:0 25px 80px rgba(0,119,255,.25)}50%{box-shadow:0 30px 95px rgba(0,212,255,.38)}}
.feature,.plan{transition:.28s transform,.28s box-shadow}.feature:hover,.plan:hover{transform:translateY(-9px);box-shadow:0 24px 70px rgba(0,119,255,.22)}
@media(max-width:850px){.visual-zone{min-height:360px}.rocket{font-size:42px}.mini-server{display:none}.orbit-one{width:280px;height:280px}.orbit-two{width:220px;height:220px}.logo img{max-width:165px}}