:root{--bg:#020711;--panel:#07101d;--line:#16304d;--blue:#0787ff;--cyan:#16c8ff;--text:#f6f8ff;--muted:#a8b3c5;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 78% 10%,#042558 0,transparent 26%),linear-gradient(#020711,#030914);color:var(--text);font-family:Inter,system-ui,sans-serif}.bg-grid{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#0d3c68 1px,transparent 1px),linear-gradient(90deg,#0d3c68 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,transparent,#000 25%,transparent)}a{color:inherit;text-decoration:none}.topbar{height:82px;max-width:var(--max);margin:auto;padding:12px 18px;display:flex;align-items:center;gap:30px;position:relative;z-index:4}.brand img{width:165px;height:56px;object-fit:cover;object-position:50% 55%;border-radius:8px}.nav{display:flex;gap:32px;margin-left:auto;font-size:13px;font-weight:700}.nav a{color:#e8eef8}.client-btn{margin-left:10px}.menu-btn{display:none;margin-left:auto;background:none;border:0;color:white;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 23px;border-radius:9px;font-weight:800;font-size:13px;text-transform:uppercase;border:1px solid #184b79;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #008cff33}.btn-primary{background:linear-gradient(135deg,#088eff,#0867e9);border-color:#0b8fff}.btn-ghost,.btn-outline{background:#050b15;border-color:#27445f}.hero{max-width:var(--max);margin:auto;min-height:530px;padding:70px 28px 25px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center}.eyebrow{color:#00a9ff;font-weight:800;font-size:13px;letter-spacing:.05em}.hero h1{font-size:58px;line-height:1.02;text-transform:uppercase;margin:14px 0 20px;letter-spacing:-.045em}.hero h1 span,.migration h2 span{color:#0789ff}.hero p{max-width:590px;color:#d5deea;line-height:1.65;font-size:17px}.hero-actions{display:flex;gap:16px;margin:26px 0}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:#050c17;border:1px solid #152b43;border-radius:10px;padding:11px 14px;font-size:12px;font-weight:700}.hero-visual{position:relative;height:410px;display:grid;place-items:center}.glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#067eff55;filter:blur(70px)}.cloud{position:absolute;font-size:300px;line-height:1;color:#071d3c;text-shadow:0 0 6px #00aaff,0 0 40px #006fff}.server{z-index:2;width:190px;height:265px;padding:24px 20px;border-radius:18px;background:linear-gradient(145deg,#143763,#06152c 45%,#020811);border:1px solid #168fff;box-shadow:0 0 40px #006fff99;transform:perspective(700px) rotateY(-10deg)}.server i{display:block;height:35px;margin:9px 0;border-radius:4px;background:linear-gradient(90deg,#0c2749,#09172a);border:1px solid #1f5e91;box-shadow:inset 0 0 20px #0099ff20}.server i:after{content:"";display:block;width:10px;height:10px;border-radius:2px;background:#00b5ff;box-shadow:20px 0 #0967ff,40px 0 #0f3970;transform:translate(15px,11px)}.rings{position:absolute;width:410px;height:120px;border:2px solid #008cff;border-radius:50%;bottom:22px;box-shadow:0 0 25px #008cff}.stats{max-width:var(--max);margin:0 auto 55px;padding:18px 25px;border:1px solid #18304a;border-radius:18px;background:#050c17cc;display:grid;grid-template-columns:repeat(4,1fr)}.stats div{padding:15px 28px;border-right:1px solid #17304d}.stats div:last-child{border:0}.stats b{display:block;font-size:20px}.stats span{display:block;color:#9caabc;font-size:10px;margin-top:6px}.domain-box,.migration{max-width:var(--max);margin:0 auto 65px;padding:28px;border:1px solid #173450;border-radius:18px;background:linear-gradient(120deg,#06101e,#041225);display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.domain-box h2,.section-head h2,.migration h2,.cta h2{font-size:34px;margin:8px 0}.domain-box p,.section-head p,.migration p,.cta p{color:var(--muted);line-height:1.6}.domain-box form{display:flex;gap:10px}.domain-box input{flex:1;min-width:0;background:#020914;border:1px solid #21496c;border-radius:9px;padding:0 16px;color:white;font-size:16px}.plans{max-width:var(--max);margin:auto;padding:0 20px 55px}.section-head{text-align:center;margin-bottom:28px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-card{position:relative;background:linear-gradient(180deg,#06101d,#030914);border:1px solid #203851;border-radius:14px;padding:30px;display:flex;flex-direction:column}.plan-card.featured{border-color:#029cff;box-shadow:0 0 35px #006cff2b;transform:translateY(-8px)}.badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#087dff;padding:6px 28px;border-radius:20px;font-size:11px;font-weight:900}.plan-card h3{text-align:center;font-size:22px;margin:0 0 8px}.plan-card>p{text-align:center;color:#b9c3d1;min-height:48px;font-size:13px}.plan-card small{text-align:center;color:#aeb9c8;margin-top:10px}.price{text-align:center;font-size:26px;font-weight:800;margin:5px 0 20px}.price span{font-size:42px}.price em{font-size:12px;font-style:normal;font-weight:500}.plan-card ul{list-style:none;margin:0 0 25px;padding:0;line-height:2;color:#e5eaf2;font-size:13px;flex:1}.plan-card li:before{content:"✓";color:#00a2ff;font-weight:900;margin-right:8px}.migration{grid-template-columns:.8fr 1.2fr}.migration-art{height:190px;display:grid;place-items:center;font-size:88px;color:#0aa2ff;text-shadow:0 0 25px #028dff}.migration-art span{font-size:55px}.features{max-width:var(--max);margin:0 auto 60px;display:grid;grid-template-columns:repeat(5,1fr);gap:15px;padding:0 20px}.features article{padding:18px}.features article:first-letter{color:#00a2ff}.features h4{margin:10px 0 6px;font-size:13px;text-transform:uppercase}.features p{font-size:12px;color:#a9b5c5;line-height:1.55}.cta{padding:52px 20px;text-align:center;background:radial-gradient(circle at 50% 0,#0a2a5c,#061225 45%,#03101d);border-top:1px solid #12365d}.cta h2{text-transform:uppercase}footer{max-width:var(--max);margin:auto;padding:24px 20px 35px;display:flex;justify-content:space-between;gap:20px;color:#8e9bae;font-size:11px}footer div:last-child{display:flex;gap:25px}@media(max-width:900px){.nav,.client-btn{display:none}.menu-btn{display:block}.nav.open{display:flex;position:absolute;top:78px;left:15px;right:15px;padding:18px;background:#06101d;border:1px solid #1d3a58;border-radius:14px;flex-direction:column;z-index:10}.hero{grid-template-columns:1fr;padding-top:35px}.hero h1{font-size:44px}.hero-visual{height:360px}.stats{grid-template-columns:1fr 1fr;margin-left:15px;margin-right:15px}.stats div:nth-child(2){border-right:0}.domain-box,.migration{grid-template-columns:1fr;margin-left:15px;margin-right:15px}.plan-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.features{grid-template-columns:1fr 1fr}.brand img{width:145px}.hero-actions{flex-wrap:wrap}}@media(max-width:560px){.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:37px}.hero p{font-size:15px}.hero-visual{height:290px}.cloud{font-size:230px}.server{width:145px;height:220px}.rings{width:300px}.stats{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid #17304d}.domain-box form{flex-direction:column}.domain-box input{height:48px}.features{grid-template-columns:1fr}.migration-art{height:130px;font-size:62px}footer{flex-direction:column}footer div:last-child{flex-wrap:wrap}.section-head h2,.domain-box h2,.migration h2,.cta h2{font-size:28px}}

/* ===== Animated V2 ===== */
body{overflow-x:hidden}.ambient{position:fixed;width:34vw;height:34vw;border-radius:50%;filter:blur(110px);opacity:.11;pointer-events:none;z-index:-1}.ambient-a{background:#007cff;top:8%;right:-12%;animation:ambientFloat 10s ease-in-out infinite}.ambient-b{background:#00c8ff;bottom:10%;left:-15%;animation:ambientFloat 13s ease-in-out infinite reverse}@keyframes ambientFloat{50%{transform:translate3d(40px,-30px,0) scale(1.08)}}
.hero{position:relative;isolation:isolate}.hero #particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.8}.hero-copy{position:relative;z-index:2}.hero h1 span{background:linear-gradient(90deg,#0789ff,#25c9ff,#0789ff);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleShine 5s linear infinite}@keyframes titleShine{to{background-position:220% center}}
.hero-visual{--px:0px;--py:0px;transform:translate(var(--px),var(--py));transition:transform .25s ease;will-change:transform}.hero-visual .server{animation:serverFloat 4.3s ease-in-out infinite;transform:perspective(700px) rotateY(-10deg) translateZ(0)}@keyframes serverFloat{0%,100%{translate:0 0}50%{translate:0 -13px}}.hero-visual .rings{animation:ringPulse 3s ease-in-out infinite}@keyframes ringPulse{50%{transform:scale(1.06);opacity:.55;box-shadow:0 0 45px #008cff}}.glow{animation:glowBreath 3.6s ease-in-out infinite}@keyframes glowBreath{50%{transform:scale(1.15);opacity:.72}}
.data-lines{position:absolute;left:0;right:0;top:42%;height:100px;z-index:1;pointer-events:none}.data-lines i{position:absolute;left:-5%;width:48%;height:2px;background:linear-gradient(90deg,transparent,#00aaff,transparent);filter:drop-shadow(0 0 5px #008cff);animation:dataFly 2.8s linear infinite}.data-lines i:nth-child(2){top:23px;animation-delay:-.7s}.data-lines i:nth-child(3){top:49px;animation-delay:-1.4s}.data-lines i:nth-child(4){top:75px;animation-delay:-2.1s}@keyframes dataFly{0%{transform:translateX(-30%);opacity:0}20%,75%{opacity:1}100%{transform:translateX(115%);opacity:0}}
.orbit-tag{position:absolute;z-index:4;padding:7px 10px;border:1px solid #168fff;border-radius:9px;background:#03101ddd;box-shadow:0 0 20px #008cff44;font-size:10px;font-weight:900;letter-spacing:.08em;animation:tagFloat 4s ease-in-out infinite}.tag-a{top:18%;left:12%}.tag-b{right:4%;top:34%;animation-delay:-1.2s}.tag-c{bottom:17%;left:13%;animation-delay:-2.2s}@keyframes tagFloat{50%{transform:translateY(-9px)}}
.btn-primary{position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:-40%;left:-55%;width:34%;height:180%;background:linear-gradient(90deg,transparent,#ffffff80,transparent);transform:rotate(18deg);animation:buttonSweep 4s ease-in-out infinite}@keyframes buttonSweep{0%,60%{left:-55%}85%,100%{left:125%}}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}.plan-card[data-reveal]:nth-child(2){transition-delay:.08s}.plan-card[data-reveal]:nth-child(3){transition-delay:.16s}
.tilt{--rx:0deg;--ry:0deg;transform-style:preserve-3d}.plan-card.tilt.is-visible{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}.plan-card.featured.tilt.is-visible{transform:perspective(900px) translateY(-8px) rotateX(var(--rx)) rotateY(var(--ry))}.plan-card{transition:opacity .7s ease,transform .18s ease,border-color .2s ease,box-shadow .2s ease}.plan-card:hover{border-color:#078fff;box-shadow:0 18px 55px #006eff24}.plan-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% -20%,#0e9eff20,transparent 42%);opacity:0;transition:.25s;pointer-events:none}.plan-card:hover:before{opacity:1}
.migration-art{display:flex!important;align-items:center;justify-content:center;gap:18px;font-size:inherit!important}.source-node,.dest-node{width:78px;height:78px;display:grid;place-items:center;border:1px solid #178fff;border-radius:18px;background:#071427;box-shadow:0 0 25px #008cff55;font-size:34px}.transfer-track{position:relative;width:180px;height:44px;border-top:2px solid #0b67b5}.transfer-track:after{content:"➜";position:absolute;right:-10px;top:-17px;font-size:22px}.transfer-track i{position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#24c9ff;box-shadow:0 0 12px #00aaff;animation:fileMove 2s linear infinite}.transfer-track i:nth-child(2){animation-delay:-.65s}.transfer-track i:nth-child(3){animation-delay:-1.3s}@keyframes fileMove{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(175px);opacity:0}}
.activation-flow{max-width:var(--max);margin:0 auto 65px;padding:10px 20px 0}.flow{display:flex;align-items:center;justify-content:center;gap:16px}.flow article{width:230px;padding:24px 18px;text-align:center;border:1px solid #1b405f;border-radius:14px;background:linear-gradient(180deg,#071323,#040a13);box-shadow:inset 0 0 30px #008cff0d}.flow article span{width:38px;height:38px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:#087fff;box-shadow:0 0 20px #008cff80;font-weight:900;animation:stepPulse 2.5s ease-in-out infinite}.flow article:nth-of-type(2) span{animation-delay:-.8s}.flow article:nth-of-type(3) span{animation-delay:-1.6s}.flow b{display:block;font-size:16px}.flow small{display:block;color:#93a5bb;margin-top:6px}.flow>i{width:75px;height:2px;background:linear-gradient(90deg,#0b426f,#14adff,#0b426f);background-size:200% 100%;animation:flowLine 1.7s linear infinite;box-shadow:0 0 8px #008cff}@keyframes stepPulse{50%{transform:scale(1.08);box-shadow:0 0 30px #00a2ff}}@keyframes flowLine{to{background-position:200% 0}}
.stats b [data-counter]{display:inline;font-size:inherit;margin:0;color:inherit}.stats>div{position:relative;overflow:hidden}.stats>div:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#008cff,transparent);transform:scaleX(0);transition:.5s}.stats.is-visible>div:after{transform:scaleX(1)}
@media(max-width:900px){.plan-card.featured.tilt.is-visible{transform:none}.plan-card.tilt.is-visible{transform:none}.flow{flex-direction:column}.flow>i{width:2px;height:38px;background:linear-gradient(#0b426f,#14adff,#0b426f);background-size:100% 200%}.flow article{width:min(100%,420px)}.orbit-tag{display:none}.data-lines{opacity:.55}}
@media(max-width:560px){.transfer-track{width:90px}.transfer-track i{animation-name:fileMoveMobile}@keyframes fileMoveMobile{0%{transform:translateX(0);opacity:0}15%,80%{opacity:1}100%{transform:translateX(85px);opacity:0}}.source-node,.dest-node{width:58px;height:58px;font-size:26px}.migration-art{gap:10px}.activation-flow{margin-bottom:45px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}.hero-visual,.plan-card.tilt.is-visible,.plan-card.featured.tilt.is-visible{transform:none!important}}

/* Two-plan layout */
.plan-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:760px){.plan-grid-two{grid-template-columns:1fr}}


/* ===== V4 SALES + BRAND IMPROVEMENTS ===== */
.offer-bar{min-height:36px;display:flex;align-items:center;justify-content:center;padding:7px 18px;text-align:center;background:linear-gradient(90deg,#031225,#082f68,#031225);border-bottom:1px solid #0b5fa3;color:#dff4ff;font-size:12px;letter-spacing:.02em;position:relative;z-index:8}.offer-bar strong{color:#fff;margin-left:4px}.topbar{height:86px}.brand-clean{display:flex;align-items:center;gap:10px;min-width:190px}.brand-mark{width:42px;height:42px;border-radius:10px;overflow:hidden;position:relative;background:#020813;border:1px solid #0a66aa;box-shadow:0 0 18px #008cff33;flex:0 0 42px}.brand-mark img{position:absolute;width:92px;height:92px;max-width:none;left:50%;top:42%;transform:translate(-50%,-50%);object-fit:cover;border-radius:0;filter:saturate(1.06) contrast(1.03)}.brand-word{display:flex;flex-direction:column;line-height:.92}.brand-word strong{font-size:22px;letter-spacing:.05em;background:linear-gradient(#fff,#aab8ca);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-word small{font-size:9px;letter-spacing:.42em;color:#14b9ff;margin-top:7px;font-weight:900}.status-card b{display:flex!important;align-items:center;justify-content:center;gap:9px}.status-dot{width:9px;height:9px;border-radius:50%;background:#2be66f;box-shadow:0 0 0 5px #2be66f16,0 0 16px #2be66f;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{50%{opacity:.55;box-shadow:0 0 0 8px #2be66f08,0 0 24px #2be66f}}
.stats{grid-template-columns:repeat(5,1fr)}
.plan-advisor{max-width:900px;margin:24px auto 34px;padding:24px;border:1px solid #16466e;border-radius:18px;background:linear-gradient(145deg,#071323,#040a13);box-shadow:0 18px 50px #0006,inset 0 0 45px #008cff0b;display:grid;grid-template-columns:1.1fr auto;gap:18px;align-items:center}.advisor-kicker{font-size:11px;font-weight:900;color:#18b8ff;letter-spacing:.1em}.plan-advisor h3{margin:7px 0 7px;font-size:24px}.plan-advisor p{margin:0;color:#9fb0c5;line-height:1.55}.advisor-actions{display:flex;gap:9px}.advisor-btn{border:1px solid #265172;background:#040b15;color:#dbe8f8;padding:12px 15px;border-radius:10px;font-weight:800;cursor:pointer;transition:.2s}.advisor-btn:hover,.advisor-btn.is-active{border-color:#078fff;background:#09264a;box-shadow:0 0 20px #008cff22;color:#fff}.advisor-result{grid-column:1/-1;border-top:1px solid #173653;padding-top:18px;display:grid;grid-template-columns:auto 1fr auto;gap:10px 18px;align-items:center}.advisor-result span{font-size:11px;color:#36dd86;font-weight:900;text-transform:uppercase}.advisor-result strong{font-size:18px}.advisor-result small{grid-column:1/3;color:#9eb0c5;line-height:1.45}.advisor-result .btn{grid-column:3;grid-row:1/3}.featured{border-color:#078fff!important;box-shadow:0 0 0 1px #078fff55,0 22px 70px #007cff1f!important}.featured .badge{background:linear-gradient(90deg,#087fff,#17b9ff);box-shadow:0 0 18px #0b9dff66}.faq-section{max-width:1000px;margin:0 auto 70px;padding:0 20px}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid #193b59;border-radius:13px;background:linear-gradient(180deg,#07111e,#040a13);overflow:hidden}.faq-list summary{list-style:none;cursor:pointer;padding:18px 20px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#15b8ff;font-size:22px;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{margin:0;padding:0 20px 20px;color:#a9b8cb;line-height:1.6}}.mobile-buybar{display:none}.plan-link{border-color:#24b85a!important;background:linear-gradient(135deg,#189841,#22c65a)!important;color:#fff!important}.plan-link:hover{box-shadow:0 10px 30px #20c45a38!important}.migration .btn-outline{border-color:#1c9f4b;background:#07170d}.activation-flow .flow article{position:relative;overflow:hidden}.activation-flow .flow article:after{content:"";position:absolute;inset:auto 18% 0;height:1px;background:linear-gradient(90deg,transparent,#13b8ff,transparent)}
@media(max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}.status-card{grid-column:1/-1}.plan-advisor{grid-template-columns:1fr}.advisor-result{grid-template-columns:1fr}.advisor-result small,.advisor-result .btn{grid-column:1;grid-row:auto}.advisor-actions{justify-content:flex-start}}
@media(max-width:760px){body{padding-bottom:64px}.offer-bar{font-size:10px}.brand-clean{min-width:0}.brand-word strong{font-size:18px}.brand-word small{font-size:7px}.brand-mark{width:36px;height:36px;flex-basis:36px}.brand-mark img{width:78px;height:78px}.client-btn{display:none}.stats{grid-template-columns:1fr}.status-card{grid-column:auto}.advisor-actions{display:grid;grid-template-columns:1fr 1fr}.plan-advisor{padding:18px}.wa-float{display:none}.mobile-buybar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:9px 12px;background:#020711ee;border-top:1px solid #14486e;backdrop-filter:blur(14px)}.mobile-buybar a{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;background:linear-gradient(135deg,#179746,#23c760);font-weight:900;font-size:13px;box-shadow:0 8px 28px #20c45a33}}

/* ===== V5 FIX: ACTIVATION + FAQ ===== */
.activation-flow{max-width:1100px;margin:0 auto 76px;padding:0 20px}.activation-flow .section-head{max-width:680px;margin:0 auto 30px}.activation-flow .section-head p{margin:10px auto 0;max-width:590px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative}.step-card{position:relative;min-height:235px;padding:28px 24px 24px;border:1px solid #1b4569;border-radius:18px;background:linear-gradient(180deg,#081525 0%,#040a13 100%);box-shadow:0 18px 45px #0005,inset 0 0 32px #008cff0c;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.step-card:hover{transform:translateY(-5px);border-color:#0a96ff;box-shadow:0 24px 55px #0007,0 0 28px #008cff18}.step-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 0%,#078cff22,transparent 38%);pointer-events:none}.step-number{position:absolute;right:18px;top:16px;color:#1e4260;font-size:36px;font-weight:900;letter-spacing:-.04em}.step-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:22px;border-radius:15px;background:linear-gradient(145deg,#087fff,#0ab8ff);box-shadow:0 0 26px #008cff55;color:#fff;font-size:21px;font-weight:900}.step-card h3{position:relative;margin:0 0 10px;font-size:20px}.step-card p{position:relative;margin:0;color:#9fb0c4;line-height:1.6;font-size:14px}.step-card:not(:last-child):after{content:"";position:absolute;right:-19px;top:50%;width:20px;height:2px;background:linear-gradient(90deg,#0a6cae,#19bdff);box-shadow:0 0 10px #08a6ff;z-index:3}
.faq-section{max-width:950px;margin:0 auto 78px;padding:0 20px}.faq-section .section-head{max-width:680px;margin:0 auto 28px}.faq-section .section-head p{margin:10px auto 0}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid #193d5c!important;border-radius:15px!important;background:linear-gradient(180deg,#071321,#040a13)!important;overflow:hidden;box-shadow:0 10px 32px #0003;transition:border-color .2s ease,box-shadow .2s ease}.faq-item:hover,.faq-item[open]{border-color:#087fff!important;box-shadow:0 12px 38px #0005,0 0 24px #008cff12}.faq-item summary{min-height:62px;padding:18px 20px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px;cursor:pointer;list-style:none;font-weight:800}.faq-item summary::-webkit-details-marker{display:none}.faq-question{display:block;color:#f2f7ff;font-size:15px;line-height:1.35}.faq-plus{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #1d5b87;border-radius:50%;color:#19baff!important;font-size:21px!important;line-height:1;transition:transform .22s ease,background .22s ease}.faq-item[open] .faq-plus{transform:rotate(45deg);background:#082445}.faq-answer{border-top:1px solid #133451;background:#04101c}.faq-answer p{margin:0!important;padding:18px 20px 20px!important;color:#aab9cb!important;line-height:1.65!important;font-size:14px}
@media(max-width:800px){.steps-grid{grid-template-columns:1fr;max-width:560px;margin:0 auto}.step-card{min-height:0;padding:24px 22px}.step-card:not(:last-child):after{display:none}.activation-flow{margin-bottom:56px}.faq-section{margin-bottom:58px}.faq-item summary{padding:16px!important}.faq-answer p{padding:16px!important}}
@media(max-width:480px){.activation-flow,.faq-section{padding-left:14px;padding-right:14px}.step-card{border-radius:15px}.step-number{font-size:30px}.faq-question{font-size:14px}.faq-plus{flex-basis:30px;width:30px;height:30px}}

/* V6 conversion sections */
.v6-grid{max-width:1180px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 22px}.v6-card{background:linear-gradient(145deg,rgba(10,27,52,.86),rgba(3,11,25,.92));border:1px solid rgba(65,170,255,.2);border-radius:22px;padding:26px;box-shadow:0 18px 60px rgba(0,0,0,.22)}.v6-card h3{margin:8px 0 10px;font-size:20px}.v6-card p{color:#91a6bf;line-height:1.65}.mini-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#43b9ff}.service-list{display:grid;gap:12px;margin-top:18px}.service-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.035)}.service-ok{font-size:12px;color:#75f2a5}.service-ok:before{content:'●';margin-right:7px}.speed-meter{height:9px;border-radius:999px;background:#0b1a2d;overflow:hidden;margin:22px 0 12px}.speed-meter i{display:block;height:100%;width:0;background:linear-gradient(90deg,#126cff,#42d8ff);border-radius:inherit;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.is-visible .speed-meter i{width:92%}.security-icons{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.security-icons span,.payment-chip{padding:9px 12px;border:1px solid rgba(86,181,255,.18);border-radius:999px;background:rgba(20,92,170,.08);font-size:12px}.payments-wrap{max-width:1180px;margin:0 auto 70px;padding:0 22px;text-align:center}.payment-row{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.dual-cta{max-width:1180px;margin:0 auto 70px;padding:28px 30px;border:1px solid rgba(59,169,255,.22);border-radius:24px;background:linear-gradient(90deg,rgba(8,29,58,.8),rgba(5,14,30,.8));display:flex;align-items:center;justify-content:space-between;gap:25px}.dual-cta p{color:#91a6bf;margin:7px 0 0}.dual-actions{display:flex;gap:10px;flex-wrap:wrap}.lang-switch{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.1);border-radius:12px}.lang-switch button{border:0;background:transparent;color:#8ca2bb;padding:7px 9px;border-radius:8px;cursor:pointer;font-weight:800}.lang-switch button.active{background:#0e73d8;color:white}.exit-modal{position:fixed;inset:0;z-index:9999;background:rgba(0,4,12,.76);display:none;place-items:center;padding:20px;backdrop-filter:blur(8px)}.exit-modal.open{display:grid}.exit-box{width:min(500px,100%);background:#071426;border:1px solid rgba(70,179,255,.32);border-radius:24px;padding:30px;text-align:center;box-shadow:0 30px 100px #000}.exit-box h3{font-size:27px;margin:5px 0 10px}.exit-box p{color:#9db0c7;line-height:1.6}.exit-close{position:absolute;right:18px;top:14px}.exit-inner{position:relative}.trust-note{font-size:12px;color:#6f879f;margin-top:12px}.mobile-planbar{display:none}
@media(max-width:900px){.v6-grid{grid-template-columns:1fr}.dual-cta{margin-left:18px;margin-right:18px;flex-direction:column;align-items:flex-start}.lang-switch{margin-left:auto}.client-btn{display:none}.mobile-planbar{display:flex;position:fixed;z-index:1000;left:10px;right:10px;bottom:10px;background:#061426;border:1px solid rgba(56,173,255,.32);border-radius:16px;padding:8px 9px;align-items:center;justify-content:space-between;box-shadow:0 12px 50px rgba(0,0,0,.55)}.mobile-planbar span{font-size:12px;padding-left:6px}.mobile-planbar a{padding:11px 14px;border-radius:11px;background:#087bea;color:white;text-decoration:none;font-size:12px;font-weight:900}.mobile-buybar{display:none!important}.wa-float{bottom:78px!important}}


/* WhatsApp flotante V9 */
.wa-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:90;
  width:62px;
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:20px;
  color:#fff;
  text-decoration:none;
  background:linear-gradient(145deg,#2fdd72,#16a94d);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 16px 38px rgba(0,0,0,.38),0 8px 25px rgba(24,201,91,.25),inset 0 1px 0 rgba(255,255,255,.30);
  transition:transform .22s ease,box-shadow .22s ease,border-radius .22s ease;
  isolation:isolate;
}
.wa-float::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:24px;
  border:1px solid rgba(54,229,116,.28);
  opacity:.7;
  animation:waSoftRing 2.8s ease-out infinite;
  z-index:-1;
}
.wa-float::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:19px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 42%);
  pointer-events:none;
}
.wa-float:hover{
  transform:translateY(-4px) scale(1.045);
  border-radius:18px;
  box-shadow:0 20px 46px rgba(0,0,0,.42),0 10px 32px rgba(24,201,91,.36),inset 0 1px 0 rgba(255,255,255,.38);
}
.wa-icon{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  position:relative;
  z-index:2;
}
.wa-icon svg{
  width:100%;
  height:100%;
  display:block;
  filter:drop-shadow(0 2px 2px rgba(0,0,0,.18));
}
.wa-tooltip{
  position:absolute;
  right:72px;
  top:50%;
  transform:translate(8px,-50%);
  padding:9px 12px;
  border-radius:10px;
  white-space:nowrap;
  font-size:12px;
  font-weight:800;
  color:#eaf7ef;
  background:rgba(5,18,12,.94);
  border:1px solid rgba(47,221,114,.28);
  box-shadow:0 10px 28px rgba(0,0,0,.32);
  opacity:0;
  visibility:hidden;
  transition:.2s ease;
  pointer-events:none;
}
.wa-tooltip::after{
  content:"";
  position:absolute;
  right:-5px;
  top:50%;
  width:9px;
  height:9px;
  background:rgba(5,18,12,.94);
  border-top:1px solid rgba(47,221,114,.28);
  border-right:1px solid rgba(47,221,114,.28);
  transform:translateY(-50%) rotate(45deg);
}
.wa-float:hover .wa-tooltip{
  opacity:1;
  visibility:visible;
  transform:translate(0,-50%);
}
@keyframes waSoftRing{
  0%{transform:scale(.92);opacity:.55}
  70%{transform:scale(1.18);opacity:0}
  100%{transform:scale(1.18);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .wa-float::before{animation:none}
}
@media(max-width:760px){
  .wa-float{display:none!important}
}


/* V12 - Corrección de animación/servidor en móvil */
@media (max-width: 760px){
  .hero{
    overflow:hidden;
  }

  /* El visual del servidor queda centrado, estable y sin salirse de pantalla */
  .hero-visual,
  .server-scene,
  .server-wrap,
  .hero-server,
  .server-visual{
    width:100% !important;
    max-width:100% !important;
    min-height:auto !important;
    height:auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    transform:none !important;
    perspective:none !important;
  }

  .hero-visual img,
  .server-scene img,
  .server-wrap img,
  .hero-server img,
  .server-visual img,
  .server-img{
    display:block !important;
    width:min(88vw, 430px) !important;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto !important;
    object-fit:contain !important;
    transform:none !important;
    animation:serverMobileFloat 5s ease-in-out infinite !important;
    filter:drop-shadow(0 18px 32px rgba(0,110,255,.24)) !important;
    will-change:transform;
  }

  /* Tarjetas flotantes alrededor del servidor: más pequeñas y dentro del viewport */
  .floating-chip,
  .server-chip,
  .hero-chip,
  .tech-chip{
    transform:none !important;
    animation:none !important;
    max-width:42vw !important;
    font-size:11px !important;
  }

  /* Desactivar efectos 3D/seguimiento de mouse en móvil */
  [data-tilt],
  .tilt,
  .tilt-card,
  .parallax,
  .parallax-item{
    transform:none !important;
  }
}

@media (max-width: 480px){
  .hero-visual img,
  .server-scene img,
  .server-wrap img,
  .hero-server img,
  .server-visual img,
  .server-img{
    width:min(92vw, 360px) !important;
  }
}

@keyframes serverMobileFloat{
  0%,100%{ transform:translate3d(0,0,0) scale(1); }
  50%{ transform:translate3d(0,-7px,0) scale(1.01); }
}

@media (prefers-reduced-motion: reduce){
  .hero-visual img,
  .server-scene img,
  .server-wrap img,
  .hero-server img,
  .server-visual img,
  .server-img{
    animation:none !important;
    transform:none !important;
  }
}


/* V13 - FIX REAL DEL SERVIDOR EN MOVIL
   El servidor es un DIV .server, no una imagen. */
@media (max-width: 760px){
  .hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:42px 18px 18px !important;
    overflow:hidden !important;
  }

  .hero-copy{
    width:100% !important;
    min-width:0 !important;
  }

  .hero-visual,
  .hero-visual.tilt{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    height:330px !important;
    min-height:330px !important;
    margin:18px auto 0 !important;
    overflow:hidden !important;
    transform:none !important;
    transform-style:flat !important;
    perspective:none !important;
    display:grid !important;
    place-items:center !important;
  }

  /* Nube adaptada al ancho del telefono */
  .hero-visual .cloud{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:auto !important;
    font-size:230px !important;
    line-height:1 !important;
    transform:translate(-50%,-52%) !important;
    text-shadow:0 0 5px #00aaff,0 0 28px #006fff !important;
    opacity:.9 !important;
    animation:none !important;
  }

  /* Servidor: tamaño fijo y centrado, sin perspectiva deformada */
  .hero-visual .server{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    z-index:3 !important;
    width:138px !important;
    height:205px !important;
    padding:17px 14px !important;
    margin:0 auto !important;
    border-radius:15px !important;
    transform:none !important;
    transform-style:flat !important;
    perspective:none !important;
    animation:serverMobileStable 4.8s ease-in-out infinite !important;
    box-shadow:0 0 28px rgba(0,111,255,.55) !important;
  }

  .hero-visual .server i{
    height:26px !important;
    margin:7px 0 !important;
  }

  .hero-visual .server i:after{
    width:8px !important;
    height:8px !important;
    transform:translate(10px,8px) !important;
    box-shadow:16px 0 #0967ff,32px 0 #0f3970 !important;
  }

  /* Las lineas se quedan detras y no atraviesan media pantalla */
  .hero-visual .data-lines{
    left:4% !important;
    right:4% !important;
    top:46% !important;
    width:92% !important;
    height:70px !important;
    overflow:hidden !important;
    opacity:.6 !important;
  }

  .hero-visual .data-lines i{
    width:40% !important;
    animation-duration:3.8s !important;
  }

  /* Etiquetas colocadas dentro del area visual */
  .hero-visual .orbit-tag{
    z-index:5 !important;
    padding:6px 8px !important;
    font-size:9px !important;
    animation:none !important;
    transform:none !important;
  }

  .hero-visual .tag-a{
    top:12% !important;
    left:8% !important;
  }
  .hero-visual .tag-b{
    top:18% !important;
    right:8% !important;
    left:auto !important;
  }
  .hero-visual .tag-c{
    bottom:12% !important;
    left:10% !important;
  }
}

@media (max-width: 420px){
  .hero-visual,
  .hero-visual.tilt{
    height:290px !important;
    min-height:290px !important;
  }
  .hero-visual .cloud{
    font-size:195px !important;
  }
  .hero-visual .server{
    width:122px !important;
    height:184px !important;
    padding:14px 12px !important;
  }
  .hero-visual .server i{
    height:24px !important;
    margin:6px 0 !important;
  }
}

@keyframes serverMobileStable{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-6px,0)}
}

@media (prefers-reduced-motion:reduce){
  .hero-visual .server,
  .hero-visual .data-lines i{
    animation:none !important;
  }
}


/* V14 - Logo sin recortes */
.logo,
.brand,
.site-logo,
.navbar-brand,
header .logo{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  min-width:0 !important;
  height:auto !important;
  max-height:none !important;
}

.site-logo-img{
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:210px !important;
  max-height:74px !important;
  object-fit:contain !important;
  object-position:center !important;
  clip-path:none !important;
  border-radius:0 !important;
  transform:none !important;
  margin:0 !important;
}

header,
.header,
.navbar,
.nav{
  overflow:visible !important;
}

@media (max-width:760px){
  .site-logo-img{
    max-width:165px !important;
    max-height:58px !important;
  }

  .logo,
  .brand,
  .site-logo,
  .navbar-brand,
  header .logo{
    flex:0 0 auto !important;
    width:auto !important;
    overflow:visible !important;
  }
}

@media (max-width:420px){
  .site-logo-img{
    max-width:145px !important;
    max-height:52px !important;
  }
}


/* V15 - Logo completo real en header */
.brand.brand-clean{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  overflow:visible !important;
  padding:0 !important;
  gap:0 !important;
  text-decoration:none !important;
}

.brand.brand-clean .brand-mark,
.brand.brand-clean .brand-word{
  display:none !important;
}

.brand.brand-clean .site-logo-img{
  display:block !important;
  width:190px !important;
  height:auto !important;
  max-width:190px !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  overflow:visible !important;
  clip-path:none !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  transform:none !important;
  margin:0 !important;
}

.topbar{
  overflow:visible !important;
}

@media (max-width:760px){
  .brand.brand-clean .site-logo-img{
    width:150px !important;
    max-width:150px !important;
  }
}

@media (max-width:420px){
  .brand.brand-clean .site-logo-img{
    width:132px !important;
    max-width:132px !important;
  }
}


/* V16 - Logo móvil completo, sin recortes */
.topbar,
.topbar .wrap,
.header,
.navbar,
.nav{
  overflow:visible !important;
}

.brand.brand-clean{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  padding:0 !important;
  margin:0 !important;
}

.brand.brand-clean .site-logo-img{
  display:block !important;
  width:220px !important;
  height:auto !important;
  max-width:220px !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  overflow:visible !important;
  clip-path:none !important;
  border-radius:0 !important;
  transform:none !important;
  margin:0 !important;
}

@media (max-width:760px){
  .topbar .wrap{
    min-height:108px !important;
    align-items:center !important;
  }

  .brand.brand-clean .site-logo-img{
    width:185px !important;
    max-width:185px !important;
  }
}

@media (max-width:420px){
  .topbar .wrap{
    min-height:100px !important;
  }

  .brand.brand-clean .site-logo-img{
    width:170px !important;
    max-width:170px !important;
  }
}


/* V17 - FIX DEFINITIVO LOGO MOVIL
   El problema era que el header tenía altura fija de ~86px,
   mientras el logo completo mide mucho más alto y quedaba debajo
   de la barra de oferta (z-index superior). Ahora el logo cabe
   completamente dentro del header, sin depender de overflow. */

@media (max-width:760px){
  .offer-bar{
    position:relative !important;
    z-index:20 !important;
  }

  .topbar{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    height:170px !important;
    min-height:170px !important;
    padding:14px 18px !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    column-gap:18px !important;
    overflow:hidden !important;
    position:relative !important;
    z-index:10 !important;
  }

  .brand.brand-clean{
    width:180px !important;
    max-width:180px !important;
    height:136px !important;
    max-height:136px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
    align-self:center !important;
  }

  .brand.brand-clean .site-logo-img{
    display:block !important;
    width:180px !important;
    max-width:180px !important;
    height:130px !important;
    max-height:130px !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  .menu-btn{
    position:static !important;
    margin:0 !important;
    align-self:center !important;
    justify-self:center !important;
  }

  .lang-switch{
    position:static !important;
    margin:0 !important;
    align-self:center !important;
    justify-self:end !important;
  }
}

@media (max-width:480px){
  .topbar{
    height:154px !important;
    min-height:154px !important;
    padding:12px 14px !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    column-gap:12px !important;
  }

  .brand.brand-clean{
    width:158px !important;
    max-width:158px !important;
    height:118px !important;
    max-height:118px !important;
  }

  .brand.brand-clean .site-logo-img{
    width:158px !important;
    max-width:158px !important;
    height:114px !important;
    max-height:114px !important;
  }
}

@media (max-width:380px){
  .topbar{
    height:142px !important;
    min-height:142px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    column-gap:8px !important;
  }

  .brand.brand-clean{
    width:142px !important;
    max-width:142px !important;
    height:106px !important;
    max-height:106px !important;
  }

  .brand.brand-clean .site-logo-img{
    width:142px !important;
    max-width:142px !important;
    height:102px !important;
    max-height:102px !important;
  }

  .lang-switch{
    transform:scale(.9) !important;
    transform-origin:right center !important;
  }
}


/* V18 - Logo móvil más pequeño para que respire dentro del header */
@media (max-width:760px){
  .topbar{
    height:128px !important;
    min-height:128px !important;
    padding:10px 16px !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    column-gap:14px !important;
  }

  .brand.brand-clean{
    width:138px !important;
    max-width:138px !important;
    height:96px !important;
    max-height:96px !important;
    overflow:visible !important;
  }

  .brand.brand-clean .site-logo-img{
    width:132px !important;
    max-width:132px !important;
    height:92px !important;
    max-height:92px !important;
    object-fit:contain !important;
    object-position:center !important;
  }
}

@media (max-width:480px){
  .topbar{
    height:116px !important;
    min-height:116px !important;
    padding:8px 12px !important;
    column-gap:10px !important;
  }

  .brand.brand-clean{
    width:118px !important;
    max-width:118px !important;
    height:84px !important;
    max-height:84px !important;
  }

  .brand.brand-clean .site-logo-img{
    width:114px !important;
    max-width:114px !important;
    height:80px !important;
    max-height:80px !important;
  }

  .lang-switch{
    transform:scale(.88) !important;
    transform-origin:right center !important;
  }
}

@media (max-width:390px){
  .brand.brand-clean{
    width:104px !important;
    max-width:104px !important;
    height:76px !important;
    max-height:76px !important;
  }

  .brand.brand-clean .site-logo-img{
    width:100px !important;
    max-width:100px !important;
    height:72px !important;
    max-height:72px !important;
  }
}


/* V20 - Cohetes ocasionales */
.skynet-flying-rocket{
  position:fixed;
  left:-90px;
  bottom:8vh;
  z-index:45;
  font-size:34px;
  line-height:1;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 0 9px rgba(0,170,255,.55));
  transform:rotate(42deg);
  animation:skynetRocketFly var(--rocket-duration,5.8s) cubic-bezier(.22,.65,.35,1) forwards;
  will-change:transform,opacity;
}

.skynet-flying-rocket::after{
  content:"";
  position:absolute;
  width:80px;
  height:3px;
  right:24px;
  top:28px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(0,174,255,.22),rgba(64,207,255,.85));
  transform:rotate(-42deg);
  transform-origin:right center;
  filter:blur(.4px);
}

@keyframes skynetRocketFly{
  0%{
    transform:translate3d(-80px,40px,0) rotate(42deg) scale(.82);
    opacity:0;
  }
  8%{opacity:1}
  82%{opacity:1}
  100%{
    transform:translate3d(calc(100vw + 180px),-82vh,0) rotate(42deg) scale(1.05);
    opacity:0;
  }
}

@media(max-width:760px){
  .skynet-flying-rocket{
    font-size:25px;
    z-index:25;
  }
  .skynet-flying-rocket::after{
    width:52px;
    top:21px;
  }
}

@media(prefers-reduced-motion:reduce){
  .skynet-flying-rocket{display:none!important}
}


/* V21 - FIX FINAL DEL LOGO DEL HEADER */
body header.topbar{
  overflow:visible !important;
}

body header.topbar a.brand.brand-clean{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex:0 0 auto !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
}

body header.topbar a.brand.brand-clean img.site-logo-img{
  display:block !important;
  width:150px !important;
  height:auto !important;
  max-width:150px !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  clip-path:none !important;
  border-radius:0 !important;
  transform:none !important;
  filter:none !important;
}

/* Móvil: logo deliberadamente más pequeño para que nunca toque bordes */
@media (max-width:760px){
  body header.topbar{
    height:96px !important;
    min-height:96px !important;
    padding:8px 14px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto auto !important;
    align-items:center !important;
    column-gap:12px !important;
    overflow:visible !important;
  }

  body header.topbar a.brand.brand-clean{
    width:108px !important;
    max-width:108px !important;
    height:auto !important;
    max-height:none !important;
    overflow:visible !important;
  }

  body header.topbar a.brand.brand-clean img.site-logo-img{
    width:104px !important;
    max-width:104px !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
  }

  body header.topbar .menu-btn{
    position:static !important;
    margin:0 !important;
    align-self:center !important;
    justify-self:center !important;
  }

  body header.topbar .lang-switch{
    position:static !important;
    margin:0 !important;
    align-self:center !important;
    justify-self:end !important;
    transform:scale(.88) !important;
    transform-origin:right center !important;
  }
}

@media (max-width:420px){
  body header.topbar{
    height:88px !important;
    min-height:88px !important;
    padding:7px 10px !important;
    column-gap:8px !important;
  }

  body header.topbar a.brand.brand-clean{
    width:92px !important;
    max-width:92px !important;
  }

  body header.topbar a.brand.brand-clean img.site-logo-img{
    width:88px !important;
    max-width:88px !important;
  }

  body header.topbar .lang-switch{
    transform:scale(.82) !important;
  }
}


/* V22 - Header limpio y logo pequeño, con assets versionados para evitar caché */
@media (max-width: 760px){
  html body header.topbar{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:none !important;
    height:82px !important;
    min-height:82px !important;
    padding:7px 12px !important;
    margin:0 !important;
    display:grid !important;
    grid-template-columns:86px 1fr auto !important;
    align-items:center !important;
    gap:10px !important;
    overflow:hidden !important;
  }

  html body header.topbar a.brand.brand-clean{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    position:static !important;
  }

  html body header.topbar a.brand.brand-clean img.site-logo-img{
    display:block !important;
    width:78px !important;
    min-width:78px !important;
    max-width:78px !important;
    height:56px !important;
    min-height:56px !important;
    max-height:56px !important;
    object-fit:contain !important;
    object-position:center !important;
    margin:0 auto !important;
    padding:0 !important;
    transform:none !important;
    clip-path:none !important;
    border-radius:0 !important;
  }

  html body header.topbar .menu-btn{
    position:static !important;
    justify-self:center !important;
    align-self:center !important;
    margin:0 !important;
  }

  html body header.topbar .lang-switch{
    position:static !important;
    justify-self:end !important;
    align-self:center !important;
    margin:0 !important;
    transform:scale(.84) !important;
    transform-origin:right center !important;
  }
}

@media (max-width: 420px){
  html body header.topbar{
    height:76px !important;
    min-height:76px !important;
    grid-template-columns:74px 1fr auto !important;
    padding:6px 9px !important;
    gap:7px !important;
  }

  html body header.topbar a.brand.brand-clean{
    width:70px !important;
    min-width:70px !important;
    max-width:70px !important;
    height:58px !important;
    min-height:58px !important;
    max-height:58px !important;
  }

  html body header.topbar a.brand.brand-clean img.site-logo-img{
    width:66px !important;
    min-width:66px !important;
    max-width:66px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }

  html body header.topbar .lang-switch{
    transform:scale(.78) !important;
  }
}


/* V23 - Header móvil limpio: solo logo */
@media (max-width:760px){
  html body header.topbar{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    height:78px !important;
    min-height:78px !important;
    padding:8px 14px !important;
    gap:0 !important;
  }

  html body header.topbar a.brand.brand-clean{
    width:92px !important;
    min-width:92px !important;
    max-width:92px !important;
    height:60px !important;
    min-height:60px !important;
    max-height:60px !important;
    margin:0 !important;
  }

  html body header.topbar a.brand.brand-clean img.site-logo-img{
    width:88px !important;
    max-width:88px !important;
    height:56px !important;
    max-height:56px !important;
    object-fit:contain !important;
  }

  .menu-btn,
  .lang-switch,
  .mobile-nav,
  .mobile-menu{
    display:none !important;
  }
}

@media (max-width:420px){
  html body header.topbar{
    height:72px !important;
    min-height:72px !important;
    padding:7px 10px !important;
  }

  html body header.topbar a.brand.brand-clean{
    width:82px !important;
    min-width:82px !important;
    max-width:82px !important;
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
  }

  html body header.topbar a.brand.brand-clean img.site-logo-img{
    width:78px !important;
    max-width:78px !important;
    height:50px !important;
    max-height:50px !important;
  }
}


/* V24 - Cohetes despegando hacia arriba */
.skynet-flying-rocket{
  left:var(--rocket-left,50vw) !important;
  right:auto !important;
  bottom:-70px !important;
  top:auto !important;
  transform:translateX(-50%) rotate(-45deg) !important;
  animation:skynetRocketTakeoff var(--rocket-duration,4.6s) cubic-bezier(.22,.72,.28,1) forwards !important;
}

.skynet-flying-rocket::after{
  width:4px !important;
  height:85px !important;
  left:50% !important;
  right:auto !important;
  top:28px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  transform-origin:top center !important;
  background:linear-gradient(180deg,rgba(80,215,255,.9),rgba(0,126,255,.32),transparent) !important;
}

@keyframes skynetRocketTakeoff{
  0%{
    transform:translate3d(-50%,80px,0) rotate(-45deg) scale(.78);
    opacity:0;
  }
  8%{opacity:1}
  78%{opacity:1}
  100%{
    transform:translate3d(calc(-50% + var(--rocket-drift,0px)),-115vh,0) rotate(-45deg) scale(1.04);
    opacity:0;
  }
}

@media(max-width:760px){
  .skynet-flying-rocket::after{
    height:58px !important;
    top:21px !important;
  }
}


/* V27 - Área de clientes conectada a WHMCS */
.client-area-btn{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid rgba(59,147,255,.35);
  background:linear-gradient(180deg,rgba(14,49,99,.72),rgba(4,18,42,.82));
  color:#edf6ff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.client-area-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(65,173,255,.75);
  box-shadow:0 14px 34px rgba(0,80,180,.24),inset 0 1px 0 rgba(255,255,255,.08);
}
.client-area-icon{
  font-size:15px;
  line-height:1;
}

@media(max-width:760px){
  html body header.topbar{
    justify-content:space-between !important;
  }
  .client-area-btn{
    margin-left:auto !important;
    min-height:38px !important;
    padding:0 11px !important;
    border-radius:10px !important;
    gap:6px !important;
    font-size:11px !important;
    white-space:nowrap !important;
  }
  .client-area-icon{
    font-size:13px !important;
  }
}

@media(max-width:390px){
  .client-area-btn{
    min-height:36px !important;
    padding:0 9px !important;
    font-size:10px !important;
  }
}