/* NeuroXense — sitio estático. Colores y fuentes de la web original. */
:root{
  --white:#E6F5FE; --blue:#2B2171; --deep:#1A1448; --cyan:#007EC3; --orange:#FF733D;
  --ink:#2B2171; --ink-70:rgba(43,33,113,.72); --ink-50:rgba(43,33,113,.5); --line:rgba(43,33,113,.14);
  --serif:'Fraunces',Georgia,serif; --sans:'Inter Tight',system-ui,-apple-system,Segoe UI,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Menlo,monospace; --max:1400px; --pad:clamp(20px,4vw,56px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--white);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}

/* idioma: se muestra solo el span del idioma activo */
html[data-lang="en"] [lang="es"], html[data-lang="es"] [lang="en"]{display:none!important}

.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.grid-bg{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;background-position:-1px -1px}
.dark{background:var(--blue);color:var(--white);position:relative;overflow:hidden}
.dark.deep{background:var(--deep)}
.dark .grid-bg,.dark.grid-bg{background-image:linear-gradient(rgba(230,245,254,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(230,245,254,.07) 1px,transparent 1px)}
.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.35;pointer-events:none}
.blob.c{background:var(--cyan)} .blob.o{background:var(--orange);opacity:.22}

section{padding:clamp(72px,10vw,140px) 0;position:relative}
.eyebrow{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:500;display:block;margin-bottom:22px}
h1,h2{font-family:var(--serif);font-weight:300;letter-spacing:-.025em;line-height:1.04}
h1{font-size:clamp(44px,7vw,104px)}
h2{font-size:clamp(34px,4.8vw,68px)}
h3{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
em.c{font-style:normal;color:var(--cyan)} em.o{font-style:normal;color:var(--orange)}
.dark em.c{color:#4FB8F0}
.lead{font-size:clamp(18px,1.6vw,21px);color:var(--ink-70);max-width:620px}
.dark .lead,.dark p{color:rgba(230,245,254,.78)}
p+p{margin-top:1em}

.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;padding:16px 26px;border:1px solid var(--blue);transition:.25s}
.btn.solid{background:var(--blue);color:var(--white)}
.btn.solid:hover{background:var(--orange);border-color:var(--orange)}
.btn.ghost:hover{background:var(--blue);color:var(--white)}
.btn.orange{background:var(--orange);border-color:var(--orange);color:#fff}
.btn.orange:hover{background:var(--white);color:var(--blue);border-color:var(--white)}
.arrow{font-family:var(--sans)}
.textlink{font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-block;margin-top:44px}
.textlink:hover{color:var(--orange)}

/* NAV */
.nav{position:sticky;top:0;z-index:50;transition:background .3s,box-shadow .3s}
.nav.scrolled{background:rgba(230,245,254,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:82px;gap:20px}
.brand{display:flex;align-items:center;gap:10px}
.brand img{height:52px;width:auto}
.brand .wm{font-weight:700;letter-spacing:.22em;font-size:15px}
.brand.has-img .wm{display:none}
.nav ul{display:flex;list-style:none;gap:34px;font-size:15px}
.nav ul a{color:var(--ink-70);transition:color .2s}
.nav ul a:hover,.nav ul a[aria-current]{color:var(--ink)}
.nav ul a[aria-current]{box-shadow:0 1px 0 var(--orange)}
.nav-r{display:flex;align-items:center;gap:14px}
.lang{display:flex;border:1px solid var(--line);font-family:var(--mono);font-size:12px}
.lang button{background:none;border:0;padding:7px 10px;cursor:pointer;color:var(--ink-50);letter-spacing:.08em}
.lang button[aria-pressed="true"]{background:var(--blue);color:var(--white)}
.nav .btn{padding:12px 18px;font-size:12px}
.burger{display:none;background:none;border:1px solid var(--line);width:44px;height:44px;cursor:pointer;align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:1.5px;background:var(--blue);position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:var(--blue)}
.burger span::before{top:-6px}.burger span::after{top:6px}
.mnav{display:none}
@media(max-width:960px){
  .nav ul,.nav .nav-r .btn{display:none}
  .burger{display:flex}
  .mnav.open{display:block;border-top:1px solid var(--line);background:var(--white)}
  .mnav a{display:block;padding:16px var(--pad);border-bottom:1px solid var(--line);font-size:17px}
  .brand img{height:44px}
}

/* HERO */
.hero{padding-top:clamp(40px,6vw,80px)}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center}
.hero h1{margin-bottom:30px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.orb{position:relative;aspect-ratio:1;max-width:560px;width:100%;margin-left:auto}
.orb svg.rings{position:absolute;inset:0;width:100%;height:100%;animation:spin 90s linear infinite}
.orb .sym{position:absolute;inset:18%;display:flex;align-items:center;justify-content:center;animation:float 7s ease-in-out infinite}
.orb .sym img{width:100%;height:auto;filter:drop-shadow(0 30px 40px rgba(43,33,113,.25))}
.tag{position:absolute;background:var(--white);border:1px solid var(--line);padding:12px 16px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5;box-shadow:0 12px 30px rgba(43,33,113,.08)}
.tag b{display:block;color:var(--ink);font-weight:600}
.tag span{color:var(--ink-50)}
.tag i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px;vertical-align:1px}
.tag.t1{top:12%;left:-4%}.tag.t2{bottom:14%;right:-2%}
.tag.t2 i{background:var(--cyan)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:clamp(56px,7vw,96px)}
.stat{padding:30px 24px 0 0}
.stat+.stat{padding-left:24px;border-left:1px solid var(--line)}
.stat b{font-family:var(--serif);font-weight:300;font-size:clamp(38px,4vw,58px);display:block;letter-spacing:-.03em;line-height:1.1}
.stat span{font-size:14.5px;color:var(--ink-70)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{50%{transform:translateY(-16px)}}

/* PROBLEM */
.split{display:grid;grid-template-columns:1fr 2.2fr;gap:clamp(32px,6vw,96px)}
.side{font-size:15.5px;color:rgba(230,245,254,.65);max-width:280px}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:52px;border:1px solid rgba(230,245,254,.18)}
.card{padding:34px}
.cards2 .card+.card{border-left:1px solid rgba(230,245,254,.18)}
.card .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:18px;display:block}
.card h3{margin-bottom:12px}
.card p{font-size:16px}
.card.ans{background:rgba(0,126,195,.18)}
.card.ans .k{color:#4FB8F0}

/* STORY */
.story-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,6vw,96px)}
.story-grid p{color:var(--ink-70);font-size:18px}
.story-grid p b{color:var(--ink);font-weight:600}
.born{display:flex;align-items:center;gap:18px;margin-top:44px;padding-top:26px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-50)}
.born img{height:44px;width:auto}

/* PRINCIPLES */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border:1px solid rgba(230,245,254,.18)}
.cards3 .card+.card{border-left:1px solid rgba(230,245,254,.18)}
.cards3 .card{padding:40px 34px}
.cards3 h3{font-family:var(--serif);font-weight:400;font-size:26px;margin-bottom:16px}

/* TECH */
.tech-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:60px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.step{padding:34px;border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;min-height:460px}
.step .n{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-50)}
.step .n i{font-style:normal;font-family:var(--serif);font-size:30px;color:var(--orange);line-height:1}
.step .vis{height:190px;display:flex;align-items:center;justify-content:center;margin:24px 0}
.step h3{margin-bottom:12px}
.step p{font-size:15.5px;color:var(--ink-70)}
.step.s2{background:var(--cyan);border-color:var(--cyan);color:#fff}
.step.s2 .n,.step.s2 p{color:rgba(255,255,255,.82)}
.step.s2 .n i{color:#fff}
.step.s3{background:var(--blue);border-color:var(--blue);color:var(--white)}
.step.s3 .n,.step.s3 p{color:rgba(230,245,254,.72)}
.pcircle{width:180px;height:180px;border-radius:50%;border:1px dashed var(--ink-50);display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,#fff,transparent 70%)}
.pcircle img{width:88%}
.apt line,.apt circle,.apt path{vector-effect:non-scaling-stroke}
.apt .bind{animation:bind 3.2s ease-in-out infinite;transform-origin:center}
@keyframes bind{0%,100%{transform:translateY(-10px)}50%{transform:translateY(6px)}}

/* MARKET */
.mk2{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(230,245,254,.18);border-bottom:1px solid rgba(230,245,254,.18);margin-top:56px}
.mk2>div{padding:36px 36px 36px 0}
.mk2>div+div{padding-left:36px;border-left:1px solid rgba(230,245,254,.18)}
.mk2 h3{font-family:var(--serif);font-weight:400;font-size:26px;margin:10px 0 12px}
.mk2 .v{font-family:var(--mono);color:var(--orange);font-size:13px;letter-spacing:.1em}
.tam{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:center;margin-top:70px}
.tam svg{width:100%;max-width:470px}
.tam dl>div{padding:24px 0;border-bottom:1px solid rgba(230,245,254,.14);display:grid;grid-template-columns:120px 1fr;gap:20px}
.tam dt{font-family:var(--serif);font-size:32px;font-weight:300;line-height:1.1}
.tam dd .k{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);display:block;margin-bottom:6px}
.tam dd{font-size:15.5px;color:rgba(230,245,254,.75)}
.cust{margin-top:70px}
.cust ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(230,245,254,.18)}
.cust li{padding:26px;font-size:16px}
.cust li+li{border-left:1px solid rgba(230,245,254,.18)}
.cust li::before{content:"";display:block;width:8px;height:8px;background:var(--orange);margin-bottom:16px}
.src{margin-top:30px;font-size:12.5px;font-family:var(--mono);color:rgba(230,245,254,.45);letter-spacing:.02em}

/* TEAM */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:60px}
.member .ph{position:relative;aspect-ratio:3/4;background:linear-gradient(160deg,#c7d9f4,#6b5fc0);overflow:hidden}
.member .ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.member .ph .ini{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:72px;color:rgba(255,255,255,.8)}
.member .ph img+.ini{display:none}
.member .ov{position:absolute;inset:auto 0 0 0;padding:26px;background:linear-gradient(transparent,rgba(26,20,72,.92));color:var(--white);font-family:var(--serif);font-size:22px;line-height:1.25;opacity:0;transform:translateY(10px);transition:.4s}
.member:hover .ov{opacity:1;transform:none}
.member:hover img{transform:scale(1.04)}
.member h3{margin-top:20px;font-size:22px}
.member .role{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--orange);text-transform:uppercase;margin:4px 0 8px;display:block}
.member p{font-size:15.5px;color:var(--ink-70)}
.member .li{display:inline-block;margin-top:10px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line)}

/* COLLAB */
.collab{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:end}

/* CONTACT */
.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(32px,6vw,96px)}
.info{margin-top:44px;border-top:1px solid rgba(230,245,254,.18)}
.info div{display:grid;grid-template-columns:140px 1fr;padding:18px 0;border-bottom:1px solid rgba(230,245,254,.18);font-size:16px}
.info span{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(230,245,254,.5);padding-top:3px}
.info a:hover{color:var(--orange)}
form.cf{border:1px solid rgba(230,245,254,.22);padding:clamp(24px,3vw,40px);background:rgba(26,20,72,.35)}
.fld{margin-bottom:22px}
.fld label,.fld legend{display:block;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(230,245,254,.6);margin-bottom:10px}
.fld input,.fld textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(230,245,254,.3);padding:10px 0;font-size:17px;color:var(--white);outline:none;border-radius:0}
.fld textarea{min-height:120px;resize:vertical}
.fld input:focus,.fld textarea:focus{border-color:var(--orange)}
.fld ::placeholder{color:rgba(230,245,254,.35)}
fieldset.fld{border:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips input{position:absolute;opacity:0;pointer-events:none}
.chips label{margin:0;border:1px solid rgba(230,245,254,.3);padding:9px 14px;cursor:pointer;color:var(--white);font-size:12px;transition:.2s}
.chips input:checked+label{background:var(--orange);border-color:var(--orange);color:#fff}
.chips input:focus-visible+label{outline:2px solid var(--white);outline-offset:2px}
.frow{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.frow small{font-size:13.5px;color:rgba(230,245,254,.55)}
.consent{font-size:13px;color:rgba(230,245,254,.5);margin-top:18px}
.consent a{text-decoration:underline}
.msg{display:none;padding:30px 0}
.msg h3{font-family:var(--serif);font-weight:400;font-size:30px;margin-bottom:10px}
form.cf.sent .body{display:none} form.cf.sent .msg.ok{display:block}
form.cf.err .msg.bad{display:block;padding:14px 0 0;color:#ffb89c;font-size:15px}
.hp{position:absolute;left:-9999px}

/* PAGE HEAD */
.phead{padding:clamp(60px,8vw,110px) 0 clamp(40px,5vw,70px);border-bottom:1px solid var(--line)}

/* PROSE (privacidad) */
.prose{max-width:760px}
.prose h3{margin:36px 0 10px}
.prose p,.prose li{color:var(--ink-70)}
.prose ul{padding-left:20px;margin-top:10px}

/* FOOTER */
footer{padding:clamp(72px,9vw,120px) 0 36px}
.big{font-family:var(--serif);font-weight:300;font-size:clamp(40px,7vw,108px);letter-spacing:-.03em;line-height:1;max-width:1100px}
.fcols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:48px;margin-top:clamp(56px,7vw,100px);padding-top:44px;border-top:1px solid rgba(230,245,254,.18)}
.fbrand{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.fbrand img{height:46px;width:auto;filter:brightness(0) invert(1)}
.fbrand b{letter-spacing:.24em;font-size:16px}
.fcols p{font-size:15.5px;max-width:420px}
.motto{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)!important;margin-top:18px}
.fcols h4{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:rgba(230,245,254,.5);margin-bottom:18px}
.fcols ul{list-style:none}
.fcols li{margin-bottom:10px}
.fcols a:hover{color:var(--orange)}
.legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:70px;padding-top:24px;border-top:1px solid rgba(230,245,254,.12);font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(230,245,254,.45)}
.legal a{text-decoration:underline}

/* reveal */
.rv{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.orb svg.rings,.orb .sym,.apt .bind{animation:none}}

/* RESPONSIVE */
@media(max-width:960px){
  .hero-grid,.split,.story-grid,.tech-head,.tam,.contact-grid,.collab,.fcols{grid-template-columns:1fr}
  .orb{max-width:420px;margin:10px auto 0}
  .stats{grid-template-columns:1fr 1fr}
  .stat:nth-child(3){border-left:0;padding-left:0}
  .stat{padding-bottom:26px}
  .cards2,.cards3,.steps,.mk2,.team{grid-template-columns:1fr}
  .cards2 .card+.card,.cards3 .card+.card{border-left:0;border-top:1px solid rgba(230,245,254,.18)}
  .mk2>div,.mk2>div+div{padding:30px 0;border-left:0}
  .mk2>div+div{border-top:1px solid rgba(230,245,254,.18)}
  .cust ul{grid-template-columns:1fr 1fr}
  .cust li:nth-child(3){border-left:0}
  .cust li:nth-child(n+3){border-top:1px solid rgba(230,245,254,.18)}
  .step{min-height:0}
  .team{max-width:440px}
  .member .ov{opacity:1;transform:none;font-size:19px}
  .tag.t1{left:0}.tag.t2{right:0}
}
@media(max-width:520px){
  body{font-size:16px}
  .tam dl>div,.info div{grid-template-columns:1fr;gap:4px}
  .cust ul{grid-template-columns:1fr}
  .cust li+li{border-left:0;border-top:1px solid rgba(230,245,254,.18)}
  .lang button{padding:7px 8px}
  .tag{font-size:10px;padding:9px 11px}
}
.btn .s{display:none}.btn.sending .d{display:none}.btn.sending .s{display:inline}
.step .n i{text-transform:none}
.dark .big{color:var(--white)}
@media(max-width:960px){.member .ov{display:none}}
.brand img{height:42px}
.brand.has-img .wm{display:inline;font-size:14px;letter-spacing:.26em}
@media(max-width:960px){.brand img{height:36px}.brand.has-img .wm{font-size:12.5px}}