/* Identidad de NEO: un solo fondo oscuro continuo, sin saltos a blanco. */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --fondo:#05070d;--panel:#0b1020;--panel2:#0e1526;
  --texto:#eef2fa;--suave:#9aa6bd;--ambar:#ff9d2e;--verde:#31e5c0;
  --bd:rgba(255,255,255,.08);--max:1180px;
}
html{scroll-behavior:smooth}
body{background:var(--fondo);color:var(--texto);font-family:'Bricolage Grotesque',Inter,Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),92vw);margin:0 auto}
section{padding:110px 0;position:relative}
h2{font-size:clamp(28px,3.4vw,42px);font-weight:800;letter-spacing:-1.1px;margin-bottom:14px}
.sub{color:var(--suave);font-size:17.5px;line-height:1.65;max-width:680px;margin-bottom:44px}
.kick{display:inline-flex;align-items:center;gap:9px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--verde)}
.punto{width:7px;height:7px;border-radius:50%;background:var(--verde);box-shadow:0 0 12px var(--verde);animation:latido 2.4s infinite}
@keyframes latido{0%,100%{opacity:1}50%{opacity:.35}}
.btn{display:inline-block;padding:13px 24px;border-radius:12px;font-size:14.5px;font-weight:600;border:1px solid var(--bd);transition:.2s;cursor:pointer;font-family:inherit}
.btn:hover{transform:translateY(-1px)}
.btn.p{background:linear-gradient(135deg,var(--ambar),#ff7a00);color:#1a0e00;border-color:transparent;box-shadow:0 12px 34px rgba(255,140,20,.22)}
.btn.o{border-color:rgba(255,255,255,.22);color:#fff;background:transparent}
.btn.big{padding:16px 30px;font-size:16px}
.btn.mudo{opacity:.45;cursor:not-allowed}
.btn.mudo:hover{transform:none}

nav{position:sticky;top:0;z-index:60;backdrop-filter:blur(16px);background:rgba(5,7,13,.72);border-bottom:1px solid var(--bd)}
.navin{display:flex;align-items:center;justify-content:space-between;padding:13px 0;gap:16px}
.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:20px;letter-spacing:.4px}
.brand img{width:34px;height:34px;border-radius:50%;object-fit:cover}
.brand em{font-style:normal;color:var(--ambar)}
.links{display:flex;gap:26px;font-size:14px;color:#a9b3c7}
.links a:hover{color:#fff}

.hero{min-height:88vh;display:flex;align-items:center;padding:0;overflow:hidden}
.hero .fondo{position:absolute;inset:0;background:url('/img/neo-hero.jpg') center right/cover no-repeat;animation:acerca 26s ease-in-out infinite alternate}
@keyframes acerca{from{transform:scale(1)}to{transform:scale(1.06)}}
.hero .velo{position:absolute;inset:0;background:
  linear-gradient(90deg,#05070d 22%,rgba(5,7,13,.86) 42%,rgba(5,7,13,.15) 68%,rgba(5,7,13,.55)),
  radial-gradient(900px 520px at 12% 30%,rgba(255,157,46,.10),transparent 60%)}
.heroin{position:relative;max-width:620px;padding:120px 0}
h1{font-size:clamp(38px,5.2vw,62px);line-height:1.02;font-weight:800;letter-spacing:-2px;margin:22px 0 0}
h1 em{font-style:normal;color:var(--ambar)}
.lead{color:#b7c1d5;font-size:18.5px;line-height:1.62;margin:20px 0 30px;max-width:530px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.mini{margin-top:20px;font-family:'Space Mono',monospace;font-size:12px;color:#7d879b}

.suave{background:linear-gradient(180deg,#05070d,#0a0f1c 45%,#05070d)}
.suave2{background:linear-gradient(180deg,#05070d,#090d18 50%,#05070d)}

.casos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.caso{position:relative;border-radius:20px;overflow:hidden;min-height:290px;background:#080c16}
.caso img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;opacity:.9;transition:.4s}
.caso:hover img{transform:scale(1.04)}
.caso .txt{position:absolute;inset:auto 0 0 0;padding:22px;background:linear-gradient(180deg,transparent,rgba(4,6,12,.94) 62%)}
.caso .txt b{display:block;font-size:18.5px;margin-bottom:5px}
.caso .txt span{font-size:14px;color:#b0bacd;line-height:1.55}
.caso .num{position:absolute;top:16px;left:18px;font-family:'Space Mono',monospace;font-size:11px;color:var(--ambar);letter-spacing:1.5px}
.caso .ev{position:absolute;top:14px;right:16px;font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:1.2px;color:#04120e;background:var(--verde);padding:4px 9px;border-radius:999px}

.prueba{display:flex;gap:26px;align-items:center;margin-top:26px;background:linear-gradient(120deg,#0c1220,#0a0e1a);border:1px solid var(--bd);border-radius:20px;padding:22px 26px}
.prueba img{width:120px;border-radius:14px;flex:none}
.prueba b{display:block;font-size:18px;margin-bottom:6px}
.prueba p{color:var(--suave);font-size:15px;line-height:1.6}
.tag{font-family:'Space Mono',monospace;font-size:10.5px;color:var(--verde);letter-spacing:1.6px;text-transform:uppercase;margin-bottom:10px;display:block}

.demo{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.player{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--bd);box-shadow:0 40px 90px rgba(0,0,0,.6)}
.player img{width:100%;opacity:.72}
.player video{width:100%;display:block;background:#04060c}
.player:has(video) .pie{pointer-events:none;bottom:auto;top:0;background:linear-gradient(180deg,rgba(4,6,12,.85),transparent)}
.play{position:absolute;inset:0;display:grid;place-items:center}
.play i{width:78px;height:78px;border-radius:50%;background:rgba(255,157,46,.92);display:grid;place-items:center;box-shadow:0 0 0 14px rgba(255,157,46,.14)}
.play i:after{content:"";border-left:22px solid #1a0e00;border-top:14px solid transparent;border-bottom:14px solid transparent;margin-left:6px}
.player .pie{position:absolute;left:0;right:0;bottom:0;padding:16px 20px;background:linear-gradient(180deg,transparent,rgba(4,6,12,.92));font-family:'Space Mono',monospace;font-size:12px;color:#c6cfe0}
.lista{list-style:none}
.lista li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--bd);color:#c2cbdd;font-size:15.5px}
.lista li b{color:var(--verde);font-family:'Space Mono',monospace;font-size:12px;padding-top:3px}

.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tool{display:flex;gap:13px;align-items:center;border:1px solid var(--bd);border-radius:16px;padding:15px 16px;background:linear-gradient(140deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:.25s}
.tool:hover{border-color:rgba(255,157,46,.35);transform:translateY(-2px)}
.tool .ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.07);flex:none}
.tool .ico img{width:21px;height:21px;filter:invert(1);opacity:.95}
.tool .ico b{font-size:12.5px;font-weight:800;letter-spacing:.4px}
.tool b.n{display:block;font-size:14.5px}
.tool small{color:var(--suave);font-size:12.5px}
.tool.pronto{opacity:.5}

.boveda{padding:0;min-height:78vh;display:flex;align-items:center;overflow:hidden}
.boveda .fondo{position:absolute;inset:0;background:url('/img/neo-vault.jpg') center top/cover no-repeat}
.boveda .velo{position:absolute;inset:0;background:
  linear-gradient(90deg,#05070d 10%,rgba(5,7,13,.86) 32%,rgba(5,7,13,.28) 54%,rgba(5,7,13,.12) 74%,rgba(5,7,13,.5)),
  linear-gradient(180deg,#05070d,transparent 22%,transparent 78%,#05070d)}
.bovin{position:relative;max-width:520px;padding:110px 0}
.sello{display:inline-block;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2.6px;color:#ffb35c;border:1px solid rgba(255,157,46,.45);border-radius:999px;padding:6px 14px;margin-bottom:20px}
.barra{width:min(400px,80vw);height:7px;border-radius:99px;background:rgba(255,255,255,.1);margin:26px 0 10px;overflow:hidden}
.barra i{display:block;height:100%;width:70%;background:linear-gradient(90deg,var(--ambar),#ff7a00)}
.boveda small{font-family:'Space Mono',monospace;font-size:12px;color:#8b95a9}

.planes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;filter:saturate(.5)}
.plan{position:relative;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--bd);border-radius:20px;padding:26px;display:flex;flex-direction:column;opacity:.72}
.plan h3{font-size:17px;font-weight:700}
.precio{font-size:36px;font-weight:800;margin:12px 0 2px;filter:blur(5px);user-select:none}
.cred{color:var(--verde);font-size:14px;margin-bottom:16px;opacity:.8}
.plan ul{list-style:none;margin-bottom:22px}
.plan li{color:var(--suave);font-size:14.5px;padding:7px 0;border-bottom:1px dashed var(--bd)}
.plan .btn{margin-top:auto;text-align:center}
.candado{position:absolute;top:16px;right:16px;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1.4px;color:#ffcf9a;background:rgba(255,157,46,.16);border:1px solid rgba(255,157,46,.35);padding:4px 9px;border-radius:999px}
.aviso{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;border:1px solid rgba(255,157,46,.3);background:linear-gradient(120deg,rgba(255,157,46,.12),rgba(255,157,46,.03));border-radius:18px;padding:20px 24px}
.aviso b{font-size:17px}
.aviso p{color:#cbd3e2;font-size:14.5px;margin-top:4px}
.espera{display:flex;gap:10px;flex-wrap:wrap}
input,textarea{background:rgba(0,0,0,.35);border:1px solid var(--bd);border-radius:12px;padding:13px 16px;color:#fff;font:inherit;font-size:14.5px}
input:focus,textarea:focus{outline:none;border-color:rgba(255,157,46,.5)}
.espera input{min-width:250px}
.recado{font-size:13.5px;margin-top:10px;font-family:'Space Mono',monospace}
.recado.ok{color:var(--verde)}
.recado.mal{color:#ff8f8f}

.cierre{text-align:center}
footer{border-top:1px solid var(--bd);padding:34px 0;color:var(--suave);font-size:14px}
.fgrid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
footer a:hover{color:#fff}

/* Ventana flotante: NEO Web */
.lanzador{position:fixed;right:26px;bottom:26px;z-index:79;display:flex;align-items:center;gap:11px;padding:9px 17px 9px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(9,13,24,.94);backdrop-filter:blur(14px);box-shadow:0 20px 50px rgba(0,0,0,.6);cursor:pointer;transition:.2s}
.lanzador:hover{transform:translateY(-2px);border-color:rgba(255,157,46,.45)}
.lanzador img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.lanzador b{font-size:14.5px;display:block;color:#fff}
.lanzador small{color:var(--verde);font-size:11.5px;font-family:'Space Mono',monospace}
.burbuja{position:fixed;right:26px;bottom:26px;z-index:80;width:370px;max-width:92vw;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(9,13,24,.97);backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.7);display:none;flex-direction:column}
.burbuja.abierta{display:flex;animation:sube .22s ease-out}
@keyframes sube{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.bcab{display:flex;gap:11px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--bd)}
.bcab img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.bcab b{display:block;font-size:14.5px}
.bcab small{color:var(--verde);font-size:11.5px;font-family:'Space Mono',monospace}
.bcab .cerrar{margin-left:auto;color:#7d879b;font-size:20px;cursor:pointer;line-height:1;padding:4px 6px}
.bcab .cerrar:hover{color:#fff}
.bcuerpo{padding:14px 15px;display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow-y:auto}
.msj{font-size:13.8px;line-height:1.55;padding:10px 13px;border-radius:14px;max-width:88%;white-space:pre-wrap}
.msj.neo{background:rgba(255,255,255,.07);border-top-left-radius:5px;align-self:flex-start}
.msj.yo{background:linear-gradient(135deg,rgba(255,157,46,.92),rgba(255,122,0,.92));color:#1a0e00;align-self:flex-end;border-top-right-radius:5px}
.escribiendo{display:flex;gap:5px;padding:12px 14px;align-self:flex-start}
.escribiendo i{width:7px;height:7px;border-radius:50%;background:#7d879b;animation:puntea 1.1s infinite}
.escribiendo i:nth-child(2){animation-delay:.15s}
.escribiendo i:nth-child(3){animation-delay:.3s}
@keyframes puntea{0%,60%,100%{opacity:.25}30%{opacity:1}}
.bsug{display:flex;gap:7px;flex-wrap:wrap;padding:0 15px 12px}
.bsug button{background:rgba(255,255,255,.06);border:1px solid var(--bd);color:#c2cbdd;border-radius:999px;padding:7px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.bsug button:hover{border-color:rgba(255,157,46,.45);color:#fff}
.bpie{padding:11px 15px;border-top:1px solid var(--bd);display:flex;gap:9px;align-items:center}
.bpie input{flex:1;padding:10px 13px;font-size:13.5px}
.bpie button{width:38px;height:38px;border:none;border-radius:11px;background:linear-gradient(135deg,var(--ambar),#ff7a00);color:#1a0e00;font-weight:800;font-size:16px;cursor:pointer}
.bnota{padding:0 15px 11px;font-family:'Space Mono',monospace;font-size:11px;color:#6f7a90}

/* Foro */
.hilos{display:flex;flex-direction:column;gap:14px}
.hilo{display:flex;gap:18px;align-items:flex-start;border:1px solid var(--bd);border-radius:18px;padding:20px 22px;background:linear-gradient(140deg,rgba(255,255,255,.04),rgba(255,255,255,.012));transition:.2s}
.hilo:hover{border-color:rgba(255,157,46,.35);transform:translateY(-2px)}
.hilo h3{font-size:19px;font-weight:700;margin-bottom:6px}
.hilo p{color:var(--suave);font-size:14.5px;line-height:1.55}
.hilo .meta{font-family:'Space Mono',monospace;font-size:11.5px;color:#7d879b;margin-top:10px;display:flex;gap:14px;flex-wrap:wrap}
.cuenta{flex:none;text-align:center;min-width:64px;border-left:1px solid var(--bd);padding-left:18px;margin-left:auto}
.cuenta b{display:block;font-size:22px;color:var(--verde)}
.cuenta small{font-size:11px;color:#7d879b;font-family:'Space Mono',monospace}
.pin{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1.4px;color:#ffcf9a;background:rgba(255,157,46,.16);border:1px solid rgba(255,157,46,.35);padding:3px 8px;border-radius:999px;margin-left:8px;vertical-align:middle}

.post{display:flex;gap:16px;padding:22px 0;border-bottom:1px solid var(--bd)}
.post .av{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.07);font-weight:800;font-size:15px;color:#c2cbdd;overflow:hidden}
.post .av img{width:100%;height:100%;object-fit:cover}
.post .quien{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.post .quien b{font-size:15.5px}
.post .quien small{font-family:'Space Mono',monospace;font-size:11.5px;color:#7d879b}
.post .cuerpo{color:#c8d1e2;font-size:15.5px;line-height:1.66;white-space:pre-wrap}
.post.deneo .av{background:linear-gradient(135deg,var(--ambar),#ff7a00)}
.post.deneo{background:linear-gradient(90deg,rgba(255,157,46,.05),transparent);border-radius:16px;padding:22px 18px}
.chapa{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1.3px;color:#04120e;background:var(--verde);padding:3px 8px;border-radius:999px}
.responder{border:1px solid var(--bd);border-radius:18px;padding:22px;background:rgba(255,255,255,.025);margin-top:26px}
.responder textarea{width:100%;min-height:110px;resize:vertical;margin-bottom:12px}
.fila{display:flex;gap:12px;flex-wrap:wrap}
.fila input{flex:1;min-width:200px}

@media(max-width:980px){
  .casos,.tools,.planes{grid-template-columns:1fr 1fr}
  .demo{grid-template-columns:1fr}
  .links{display:none}
  section{padding:70px 0}
  .lanzador{right:16px;bottom:16px}
  .burbuja{right:12px;bottom:12px;width:96vw}
  .cuenta{border-left:none;padding-left:0}
}
@media(max-width:620px){
  .casos,.tools,.planes{grid-template-columns:1fr}
  .prueba{flex-direction:column;align-items:flex-start}
}