:root{--bg:#0b1220;--bg2:#0f172a;--card:#0f172a;--mut:#9aa4b2;--txt:#e6edf3;--acc:#22d3ee;--acc2:#8b5cf6}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 10% 0%,#0b1220 0%,#0f172a 50%,#0b1220 100%);color:var(--txt);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:static;width:auto;height:auto;padding:8px 12px;background:#fff;color:#000;border-radius:8px}
.bg{position:fixed;inset:0;pointer-events:none}
.bg::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 200deg at 50% 50%,rgba(34,211,238,.08),rgba(139,92,246,.08),transparent);filter:blur(60px)}
.noise{position:absolute;inset:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" opacity="0.02" filter="url(%23n)"/></svg>');mix-blend-mode:soft-light}
.container{max-width:1100px;margin:0 auto;padding:24px}
.nav{position:sticky;top:0;backdrop-filter:saturate(140%) blur(10px);background:rgba(11,18,32,.6);border-bottom:1px solid rgba(255,255,255,.06);z-index:50}
.nav-inner{display:flex;gap:14px;justify-content:space-between;align-items:center}
.brand{font-weight:800;letter-spacing:.3px;color:var(--txt);text-decoration:none}
.brand span{color:var(--acc)}
.links a{color:var(--txt);text-decoration:none;margin-left:16px}
.btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0b1220;color:var(--txt);text-decoration:none}
.btn.primary{background:linear-gradient(135deg,var(--acc),var(--acc2));border-color:transparent;color:#0b1220;font-weight:700}
.btn.ghost{background:transparent}
.btn.sm{padding:8px 12px}
.btn.full{display:block;text-align:center;margin-top:12px}
.track-cta:focus{outline:2px solid var(--acc)}
.lang .btn[aria-pressed="true"]{outline:2px solid var(--acc)}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;padding:32px 0}
.hero .copy h1{font-size:34px;margin:0 0 10px}
.hero .copy p{color:var(--mut);margin:0 0 16px}
.pilares{display:flex;gap:14px;flex-wrap:wrap;padding:0;margin:0 0 10px;list-style:none}
.pilares li{background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:6px 10px}
.metrics{display:flex;gap:16px;margin:10px 0}
.metrics .m{background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}
.metrics .m span{font-weight:800;color:var(--acc)}
.hero-media{display:grid;gap:14px}
.card{display:flex;gap:12px;align-items:center;background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}
.card.gradient{background:linear-gradient(180deg,rgba(34,211,238,.12),rgba(139,92,246,.12));border-color:rgba(255,255,255,.12)}
.card.gradient.delay{animation:pop .7s .2s both}
@keyframes pop{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.grid.three{grid-template-columns:repeat(3,1fr)}
.pack{background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px;position:relative}
.pack .price{font-size:28px;color:var(--acc);font-weight:700;margin:6px 0}
.featured{border-color:transparent;background:linear-gradient(180deg,rgba(34,211,238,.18),rgba(139,92,246,.18))}
.badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#0b1220;font-size:12px;padding:4px 8px;border-radius:999px;font-weight:800}
.inc-card{background:rgba(17,24,39,.7);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:18px}
.inc-card h4{margin:0 0 6px}
ul{margin:6px 0 0 18px;color:#cbd5e1}
.bullets{margin:6px 0 0 18px}
.mut{color:var(--mut)}
.section{padding:18px 0}
.section-cta{margin-top:12px}
.pasos{display:flex;gap:12px;flex-wrap:wrap}
.timeline li{list-style:decimal;margin-left:18px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
label{display:flex;flex-direction:column;gap:6px}
input,select,textarea{background:rgba(17,24,39,.6);border:1px solid rgba(255,255,255,.12);border-radius:10px;color:var(--txt);padding:10px}
.form-actions{display:flex;gap:12px;margin-top:10px}
.hp{position:absolute;left:-5000px}
.footer{border-top:1px solid rgba(255,255,255,.06);margin-top:24px}
.footer .container{padding:20px;color:var(--mut);text-align:center}
@media (max-width:900px){.hero{grid-template-columns:1fr}.grid,.grid.two,.grid.three{grid-template-columns:1fr}}