:root{--bg:#050507;--panel:#0b0b0f;--text:#f4f1f7;--muted:#aaa4af;--purple:#8b2cff;--purple2:#c47cff;--gold:#d4af37;--blue:#16a6ff;--line:#29232f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.025;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:4px 4px}
.topbar{height:78px;position:fixed;top:0;left:0;right:0;z-index:40;background:rgba(4,4,6,.88);backdrop-filter:blur(16px);border-bottom:1px solid #211d25;display:flex;align-items:center;padding:0 4vw;gap:40px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;min-width:310px}.brand-symbol{width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--purple2);font-size:26px}.brand-text strong{display:block;font-size:19px;letter-spacing:5px}.brand-text em{font-style:normal;color:#c99430}.brand-text small{display:block;font-size:8px;letter-spacing:4px;color:#999;margin-top:5px}.topbar nav{display:flex;gap:32px;justify-content:center;flex:1}.topbar nav a,.connect{color:#ddd;text-decoration:none;font-size:11px}.connect{border:1px solid #9d730f;padding:11px 15px;border-radius:5px}
.hero{min-height:600px;padding-top:78px;display:grid;grid-template-columns:1fr 1.05fr 1fr;background:radial-gradient(circle at center,#170b22,#050507 58%);border-bottom:1px solid #6d4c13}.hero>div{min-width:0}.hero-tech,.hero-stone{display:grid;place-items:center;overflow:hidden}.hero-tech img{width:90%;max-height:480px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(139,44,255,.3))}.hero-stone img{width:90%;max-height:480px;object-fit:contain;filter:contrast(1.08) drop-shadow(0 20px 35px rgba(0,0,0,.5))}.hero-copy{padding:70px 28px;display:flex;flex-direction:column;justify-content:center;text-align:center}.kicker{color:var(--purple2);letter-spacing:4px;font-size:10px}.hero-copy h1{font-size:52px;line-height:1.02;margin:16px 0}.hero-copy h1 span{color:#fff}.hero-rule{height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:3px 0 22px}.hero-copy p{color:#c3bec8;line-height:1.7}.btn-gold{align-self:center;margin-top:15px;color:#e8b531;border:1px solid #9d730f;padding:13px 18px;text-decoration:none;border-radius:6px;font-size:11px}
.identity-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:18px 6vw;border-bottom:1px solid #28232b;background:#070709}.identity-strip div{padding:0 28px;border-right:1px solid #554019;text-align:center}.identity-strip div:last-child{border:0}.identity-strip strong{font-size:11px;letter-spacing:2px}.identity-strip span{display:block;color:var(--gold);font-size:11px;margin:7px 0}.identity-strip div:first-child span{color:var(--purple2)}.identity-strip small{color:#777}
.intro{padding:100px 7vw 40px}.section-head{max-width:800px}.section-head h2,.world h2,.contact h2{font-size:clamp(38px,5vw,70px);line-height:1.02;margin:12px 0}.section-head p:last-child,.world-copy>p,.contact>div>p{color:var(--muted);line-height:1.75}
.showcase{padding:20px 7vw 80px}.world{min-height:640px;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;border-top:1px solid #201b24;padding:90px 0}.world-copy{max-width:610px}.num{font-size:9px;letter-spacing:2px;color:var(--gold)}.world h3{font-size:24px;color:#ddd}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.pills span{font-size:9px;letter-spacing:1px;border:1px solid #3c3342;padding:9px 11px}.warm span{border-color:#5c472d}.world-copy>a{color:var(--purple2);text-decoration:none;font-size:11px}.apps-world .world-copy>a{color:var(--blue)}.originals-world .world-copy>a{color:var(--gold)}.video-shell{height:520px;border:1px solid #312837;background:#09090c;position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}.video-shell video{width:100%;height:100%;object-fit:cover}.purple{box-shadow:0 30px 80px rgba(69,16,108,.3)}.blue{box-shadow:0 30px 80px rgba(0,95,150,.22)}.gold{box-shadow:0 30px 80px rgba(105,70,12,.25)}.video-label{position:absolute;left:18px;right:18px;bottom:18px;padding:14px 15px;background:rgba(5,5,7,.72);backdrop-filter:blur(8px);border:1px solid #3b3440}.video-label b{display:block;font-size:11px;letter-spacing:2px}.video-label span{font-size:8px;color:#9c949f;letter-spacing:2px}.app-feature{margin:28px 0;padding:18px;background:#0d0c11;border-left:2px solid var(--blue)}.app-feature small{color:#67c9ff;letter-spacing:2px}.app-feature strong{display:block;font-size:28px;margin:8px 0}
.manifesto{text-align:center;padding:130px 8vw;background:radial-gradient(circle,rgba(139,44,255,.1),transparent 50%)}blockquote{font-size:clamp(34px,5vw,72px);line-height:1.08;max-width:1200px;margin:28px auto}blockquote span{color:var(--purple2)}.values{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:55px;color:#777;font-size:8px;letter-spacing:2px}
.contact{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid #211c24}.contact form{display:flex;flex-direction:column;gap:12px;justify-content:center}.contact input,.contact select{background:#0b0b0e;border:1px solid #322b37;color:#fff;padding:16px}.contact button{background:linear-gradient(90deg,var(--purple),#5c1a91);border:0;color:#fff;padding:15px;font-weight:bold}.contact small{color:#69636e}
footer{padding:35px 7vw;border-top:1px solid #211d25;display:flex;justify-content:space-between;color:#777;font-size:9px;letter-spacing:2px}footer b{color:#fff}footer small{display:block;margin-top:7px}
.reveal{opacity:0;transform:translateY(22px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.topbar nav,.connect{display:none}.brand{min-width:0}.hero{grid-template-columns:1fr}.hero-tech{order:2}.hero-stone{order:3;padding:30px 0}.identity-strip{grid-template-columns:1fr}.identity-strip div{border-right:0;border-bottom:1px solid #342b21;padding:15px}.world{grid-template-columns:1fr}.apps-world .video-shell{order:2}.contact{grid-template-columns:1fr}.hero-copy h1{font-size:45px}.video-shell{height:440px}}

/* V5.1 — Reel oficial de NYMY Apps */
.apps-reel-wrap{display:grid;place-items:center;width:100%}
.apps-reel-wrap video{display:block;width:min(390px,100%);max-height:680px;aspect-ratio:9/16;object-fit:cover;border-radius:24px;border:1px solid rgba(139,44,255,.35);box-shadow:0 28px 80px rgba(0,0,0,.55),0 0 45px rgba(139,44,255,.12)}

/* V5.2 — etiquetas fuera del video */
.video-shell{overflow:visible!important}
.video-shell video{display:block}
.below-reel-title{
  position:static;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:15px 4px 4px;
  background:transparent;
  border:0;
}
.below-reel-title b{font-size:12px;letter-spacing:.16em;color:#f4f1f7}
.below-reel-title span{font-size:9px;letter-spacing:.12em;color:#8f8796;text-align:right}
.purple .below-reel-title b{color:#c47cff}
.blue .below-reel-title b{color:#62b9ff}
.gold .below-reel-title b{color:#d4af37}
@media(max-width:700px){.below-reel-title{align-items:flex-start;flex-direction:column;gap:5px}.below-reel-title span{text-align:left}}

/* V5.3 — ajustes de identidad solicitados */
.brand-symbol{
  overflow:hidden;
  background:radial-gradient(circle at 50% 45%,rgba(139,44,255,.13),transparent 64%);
  border-color:#c99a32!important;
  box-shadow:inset 0 0 18px rgba(139,44,255,.10),0 0 16px rgba(201,154,50,.08);
}
.brand-symbol .n-stroke{
  font-family:"Space Grotesk",Arial,sans-serif;
  font-weight:700;
  font-size:31px;
  line-height:1;
  letter-spacing:-.15em;
  padding-right:.15em;
  background:linear-gradient(135deg,#efe8f7 8%,#a953ff 46%,#d3a33a 82%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 0 18px rgba(153,67,255,.18);
}
.labs-signature b{letter-spacing:.24em}
.footer-contact{display:flex;flex-direction:column;gap:7px;text-align:right}
.footer-contact small{color:#8d8492;letter-spacing:.08em}
@media(max-width:700px){.footer-contact{text-align:left}}

/* V5.4 */
.nymy-email{color:#d4af37;text-decoration:none;font-size:11px;letter-spacing:.08em}
.nymy-email:hover{color:#fff}

/* V5.7 — ajuste visual definitivo de logos
   NYMY Labs es la referencia maestra.
   Solo se ajusta la escala visual del logo de piedra; no se modifica su diseño. */
.hero-tech img{
  width:90%;
  max-height:480px;
  object-fit:contain;
}
.hero-stone img{
  width:90%;
  max-height:480px;
  object-fit:contain;
  transform:scale(1.3135);
  transform-origin:center center;
}

/* V5.8 — selector multidioma */
.header-actions{display:flex;align-items:center;gap:10px}
.lang-select-wrap{
  display:flex;align-items:center;gap:7px;
  border:1px solid #514420;
  padding:8px 10px;border-radius:5px;
  background:#09090c;color:#ddd;
}
.lang-select-wrap span{font-size:13px}
.lang-select-wrap select{
  appearance:none;
  background:transparent;
  border:0;
  outline:0;
  color:#f3f0f5;
  font-size:11px;
  cursor:pointer;
  padding-right:4px;
}
.lang-select-wrap option{background:#0a0a0d;color:#fff}
@media(max-width:950px){
  .header-actions{margin-left:auto}
  .lang-select-wrap{padding:7px 8px}
}

/* V6 — capas funcionales sin alterar la identidad aprobada */
.identity-link{display:block;color:inherit;text-decoration:none}
.identity-link div{height:100%;transition:background .22s ease,transform .22s ease}
.identity-link:hover div{background:#0b0a0d;transform:translateY(-2px)}
.legal-links{display:flex;gap:14px;align-items:center}
.legal-links a{color:#7f7884;text-decoration:none;font-size:9px;letter-spacing:1px}
.legal-links a:hover{color:#d4af37}

/* Páginas internas */
.subpage{padding-top:78px}
.subhero{min-height:470px;padding:82px 7vw 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:7vw;align-items:center;border-bottom:1px solid #2a2430;background:radial-gradient(circle at 75% 40%,rgba(139,44,255,.11),transparent 42%)}
.subhero.apps-tone{background:radial-gradient(circle at 75% 40%,rgba(22,166,255,.10),transparent 42%)}
.subhero.originals-tone{background:radial-gradient(circle at 75% 40%,rgba(212,175,55,.11),transparent 42%)}
.subhero h1{font-size:clamp(46px,6vw,84px);line-height:1;margin:12px 0}
.subhero p{color:#b8b2bd;line-height:1.75;max-width:690px}
.subhero-media{display:grid;place-items:center;min-height:360px}
.subhero-media img,.subhero-media video{max-width:100%;max-height:440px;object-fit:contain}
.subpage-section{padding:90px 7vw;border-bottom:1px solid #211c24}
.subpage-section h2{font-size:clamp(34px,4vw,58px);margin:10px 0 20px}
.subpage-section>p,.subpage-copy{color:#aaa4af;line-height:1.75;max-width:820px}
.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}
.action-card{border:1px solid #302a35;background:#0a0a0d;padding:24px;min-height:210px}
.action-card h3{margin:12px 0}
.action-card p{color:#99929e;line-height:1.6;font-size:13px}
.action-card a{color:#c47cff;text-decoration:none;font-size:11px}
.apps-page .action-card a{color:#62b9ff}
.originals-page .action-card a{color:#d4af37}
.status-card{border-left:2px solid var(--blue);background:#0c0c10;padding:22px;margin-top:28px;max-width:700px}
.originals-page .status-card{border-left-color:var(--gold)}
.waitlist-form{display:grid;grid-template-columns:1fr 240px auto;gap:10px;max-width:920px;margin-top:30px}
.waitlist-form input,.waitlist-form select{background:#0a0a0d;border:1px solid #342e39;color:#fff;padding:15px}
.waitlist-form button{border:0;padding:0 24px;background:linear-gradient(90deg,var(--purple),#5b1a92);color:#fff;font-weight:bold}
.apps-page .waitlist-form button{background:linear-gradient(90deg,#087ec4,var(--blue))}
.originals-page .waitlist-form button{background:linear-gradient(90deg,#8b6516,var(--gold));color:#080706}
.faq{max-width:900px;margin-top:28px}
.faq details{border-top:1px solid #2c2630;padding:17px 0}
.faq details:last-child{border-bottom:1px solid #2c2630}
.faq summary{cursor:pointer;font-weight:bold}
.faq p{color:#9e97a3;line-height:1.65}
.coming-soon{display:inline-block;padding:8px 11px;border:1px solid #4b4251;color:#aaa;font-size:9px;letter-spacing:2px;margin-top:12px}
.back-home{display:inline-block;margin-top:28px;color:#d4af37;text-decoration:none;font-size:11px}
.legal-page{max-width:940px;margin:auto;padding:130px 30px 90px}
.legal-page h1{font-size:52px}
.legal-page h2{margin-top:38px}
.legal-page p,.legal-page li{color:#aaa4af;line-height:1.75}
@media(max-width:950px){
  .subhero{grid-template-columns:1fr}
  .action-grid{grid-template-columns:1fr}
  .waitlist-form{grid-template-columns:1fr}
  .waitlist-form button{padding:15px}
}

/* V6.1 — Nymy Originals abre mostrando el reel arqueológico */
.originals-page .subhero-media video{
  width:min(430px,100%);
  aspect-ratio:9/16;
  object-fit:cover;
  border:1px solid rgba(212,175,55,.35);
  box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 35px rgba(212,175,55,.10);
}


/* V6.2 — formularios reales conectados a Brevo, manteniendo la estética NYMY */
.brevo-real-form .brevo-consent{
  grid-column:1/-1;
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:#8f8895;
  font-size:11px;
  line-height:1.55;
  text-align:left;
}
.brevo-real-form .brevo-consent input{
  width:16px;
  min-width:16px;
  height:16px;
  margin-top:1px;
  accent-color:#8b2cff;
}
.apps-page .brevo-real-form .brevo-consent input{accent-color:#16a6ff}
.originals-page .brevo-real-form .brevo-consent input{accent-color:#d4af37}
.brevo-honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.waitlist-form .subpage-consent{
  grid-column:1/-1;
  margin-top:2px;
}
.contact .brevo-real-form select:invalid{color:#8d8791}

/* V6.3 — páginas de confirmación NYMY */
.confirm-page{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:120px 24px 70px;
  background:
    radial-gradient(circle at 25% 25%,rgba(139,44,255,.12),transparent 36%),
    radial-gradient(circle at 80% 60%,rgba(212,175,55,.10),transparent 34%),
    #050507;
}
.confirm-card{
  width:min(760px,100%);
  border:1px solid #332b39;
  background:rgba(8,8,11,.92);
  padding:48px;
  box-shadow:0 35px 100px rgba(0,0,0,.48);
}
.confirm-mark{
  width:56px;height:56px;
  display:grid;place-items:center;
  border:1px solid #72509a;
  border-radius:50%;
  margin-bottom:24px;
  font-size:24px;
}
.confirm-card .kicker{margin-bottom:10px}
.confirm-card h1{
  margin:0 0 18px;
  font-size:clamp(38px,6vw,66px);
  line-height:1.04;
}
.confirm-card p{
  max-width:620px;
  color:#aaa4af;
  line-height:1.75;
}
.confirm-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.confirm-actions a{
  display:inline-block;
  text-decoration:none;
}
.confirm-note{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid #242027;
  font-size:11px;
  color:#78727d;
}
@media(max-width:650px){
  .confirm-card{padding:32px 24px}
  .confirm-actions{flex-direction:column}
  .confirm-actions a{text-align:center}
}


/* V6.5 — botón CONECTAR corregido */
#contacto{scroll-margin-top:96px}
.connect{
  cursor:pointer;
  transition:border-color .2s ease,color .2s ease,background .2s ease,transform .2s ease;
}
.connect:hover,
.connect:focus-visible{
  color:#fff;
  border-color:#d4af37;
  background:rgba(212,175,55,.08);
  transform:translateY(-1px);
  outline:none;
}