:root{
  --navy:#0D1330;--ink:#11183A;--paper:#FBFBF9;--beige:#F4F1EA;
  --mint:#7DE0A8;--mint-d:#1B9D5F;--blue:#2E6FF2;--cyan:#3FB6E8;--white:#F4F7FF;
  --muted-d:#8C96C4;--muted-l:#5A6285;--line-d:rgba(255,255,255,.09);--line-l:rgba(17,24,58,.10);
  --grad:linear-gradient(120deg,#7DE0A8 0%,#3FB6E8 55%,#2E6FF2 100%);
  --r-big:32px;--tint-mint:#E7F8EE;--tint-blue:#EAF0FE;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;overflow-x:hidden}
.mono{font-family:'IBM Plex Mono',monospace}
.wrap{max-width:1100px;margin:0 auto;padding:0 28px}

/* NAV */
nav{position:fixed;top:18px;left:0;right:0;z-index:90;display:flex;justify-content:center;padding:0 20px}
.nav-pill{display:flex;align-items:center;gap:6px;background:rgba(251,251,249,.85);backdrop-filter:blur(16px);border:1px solid rgba(17,24,58,.08);border-radius:999px;padding:9px 10px 9px 20px;box-shadow:0 8px 32px rgba(13,19,48,.12)}
.logo{font-family:'IBM Plex Mono',monospace;font-weight:500;font-size:16px;color:var(--ink);text-decoration:none;margin-right:16px;display:flex;align-items:center;gap:10px}
.logo img{display:block;height:30px;width:auto}
.logo .sep{color:var(--muted-l);font-weight:400}
.logo .tag{color:var(--blue);font-weight:600}
.nav-pill a.link{color:#3A4163;text-decoration:none;font-size:15.5px;font-weight:500;padding:9px 14px;border-radius:999px;transition:.2s}
.nav-pill a.link:hover{color:var(--ink);background:rgba(17,24,58,.05)}
.btn{display:inline-block;background:var(--grad);color:#0A1028;font-weight:600;padding:13px 28px;border-radius:999px;text-decoration:none;font-size:16px;transition:transform .2s,box-shadow .2s;border:none;cursor:pointer;font-family:'Space Grotesk',sans-serif}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(63,182,232,.4)}
.btn.small{padding:10px 20px;font-size:14.5px}
.btn.secondary{background:#fff;color:var(--ink);border:1px solid #e0e0e0}
.btn.secondary:hover{background:#f5f5f5}

/* HERO */
.hero{position:relative;background:var(--navy);color:var(--white);padding:150px 0 90px;overflow:hidden}
.hero .amb::before{content:'';position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(46,111,242,.5),transparent 65%);top:-360px;right:-200px;filter:blur(40px)}
.hero .amb::after{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(125,224,168,.25),transparent 65%);bottom:-260px;left:-200px;filter:blur(50px)}
.hero-in{position:relative;max-width:760px}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12.5px;letter-spacing:2px;text-transform:uppercase;color:var(--mint);margin-bottom:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.status-badge{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.5px;text-transform:uppercase;padding:4px 12px;border-radius:999px;font-weight:600}
.status-badge.production{background:rgba(125,224,168,.14);color:var(--mint)}
.status-badge.active{background:rgba(63,182,232,.14);color:var(--cyan)}
.status-badge.mvp{background:rgba(255,255,255,.1);color:var(--muted-d)}
.status-badge.category{background:rgba(63,182,232,.14);color:var(--cyan)}
.status-badge.legacy{background:rgba(255,255,255,.08);color:var(--muted-d)}
.status-badge.prototype{background:rgba(253,243,227,.9);color:#B07914}
.era-badge{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--muted-d);border:1px solid rgba(255,255,255,.18);padding:4px 12px;border-radius:999px}
h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(36px,5.4vw,60px);line-height:1.05;font-weight:800;letter-spacing:-1.5px}
.hero p.lead{font-size:17.5px;color:var(--muted-d);line-height:1.75;margin:22px 0 34px;max-width:620px}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.tech-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.tech-chip{font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--muted-d);border:1px solid rgba(255,255,255,.18);padding:6px 14px;border-radius:999px}

/* SECTIONS */
.sec-white{background:var(--paper);padding:90px 0}
h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(28px,3.6vw,42px);line-height:1.08;font-weight:800;letter-spacing:-1.1px;margin-bottom:18px}
.sec-sub{color:var(--muted-l);font-size:16.5px;line-height:1.75;max-width:640px}

.split{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
.split .s-text p{font-size:16px;line-height:1.8;color:var(--muted-l);margin-bottom:16px}
.pain-card{background:var(--beige);border-radius:var(--r-big);padding:32px}
.pain-card h4{font-family:'Bricolage Grotesque',sans-serif;font-size:15px;margin-bottom:14px;color:var(--ink)}
.pain-card ul{list-style:none}
.pain-card li{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:14.5px;color:#3A4163;line-height:1.6}
.pain-card li::before{content:'▸';font-weight:700;flex-shrink:0;color:var(--mint-d)}

/* MÓDULOS */
.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.module-card{background:#fff;border:1px solid var(--line-l);border-radius:20px;padding:28px;transition:.3s}
.module-card:hover{transform:translateY(-4px);border-color:var(--blue);box-shadow:0 16px 40px rgba(17,24,58,.08)}
.module-icon{font-size:28px;margin-bottom:14px;display:block}
.module-card h4{font-family:'Bricolage Grotesque',sans-serif;font-size:16.5px;margin-bottom:10px;font-weight:700}
.module-card p{font-size:13.5px;color:var(--muted-l);line-height:1.7}

/* MÉTRICAS */
.sec-navy{background:var(--navy);color:var(--white);padding:90px 0}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.stat-card{background:rgba(255,255,255,.04);border:1px solid var(--line-d);border-radius:20px;padding:24px}
.stat-num{font-family:'Bricolage Grotesque',sans-serif;font-size:36px;font-weight:800;letter-spacing:-1.2px}
.stat-label{font-size:12.5px;color:var(--muted-d);margin-top:6px}

/* CTA */
.cta{background:var(--navy);color:var(--white);text-align:center;padding:110px 0 100px;position:relative;overflow:hidden}
.orb{position:absolute;top:-180px;left:50%;transform:translateX(-50%);width:460px;height:460px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7DE0A8,#3FB6E8 45%,#2E6FF2 75%,transparent 100%);filter:blur(70px);opacity:.5}
.cta .wrap{position:relative}
.cta p{font-family:'IBM Plex Mono',monospace;color:var(--muted-d);font-size:14px;max-width:520px;margin:18px auto 34px;line-height:1.85}

/* FOOTER */
footer{background:var(--navy);border-top:1px solid var(--line-d);padding:44px 0}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;color:var(--muted-d)}
footer .logo{color:var(--white);margin-right:0}
footer a{color:var(--muted-d);text-decoration:none;font-size:13.5px}
footer a:hover{color:var(--mint)}
footer .mono{font-size:12px;color:var(--muted-d)}

/* NOTA PENDIENTE */
.pending-note{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--muted-l);background:var(--beige);border-radius:14px;padding:14px 18px;margin-top:28px;display:inline-block}

@media(max-width:900px){
  .nav-pill a.link{display:none}
  .split{grid-template-columns:1fr;gap:36px}
  .modules-grid{grid-template-columns:1fr}
  .stat-grid{grid-template-columns:1fr 1fr}
}