:root{
    --lime:#C4E938; --mint:#72E3AD; --teal:#14B8A6; --tealDk:#0F766E; --emerald:#22C55E; --amber:#FC9342;
    --bg:#07130f; --fg:#EAF4EE; --mut:#8AA79B; --line:#183028; --card:#0b1c16;
    --grad:linear-gradient(100deg,var(--lime),var(--mint) 46%,var(--teal));
  }
  *{box-sizing:border-box}
  body{margin:0}
  .shell{background:#04100c;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;color:var(--fg)}

  /* barra de propuestas */
  .deckbar{position:sticky;top:0;z-index:50;background:rgba(4,16,12,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:13px clamp(16px,4vw,40px)}
  .deckbar .mk{display:inline-flex;align-items:center;gap:9px;font-weight:800;letter-spacing:-.03em}
  .deckbar .mk svg{width:20px;height:20px;fill:var(--mint)}
  .deckbar .mk i{color:var(--mint);font-style:normal}
  .deckbar .lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
  .tabs{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
  .tab{appearance:none;border:1px solid var(--line);background:var(--card);color:var(--mut);font:inherit;font-size:13px;font-weight:600;padding:9px 16px;border-radius:999px;cursor:pointer;transition:.18s}
  .tab:hover{color:var(--fg);border-color:#2c5546}
  .tab[aria-selected="true"]{background:var(--mint);color:#06231a;border-color:var(--mint)}

  .stage{display:none}
  .stage.on{display:block}
  .site{background:radial-gradient(115% 60% at 82% -6%, #0d2a20 0%, var(--bg) 52%)}
  .wrap{max-width:1080px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}

  /* nav */
  nav.top{display:flex;align-items:center;gap:26px;padding:20px clamp(20px,4vw,44px);max-width:1080px;margin:0 auto}
  .logo{display:inline-flex;align-items:center;gap:11px;text-decoration:none}
  .logo .mark{width:24px;height:24px;fill:var(--mint)}
  .logo .wm{font-weight:800;letter-spacing:-.03em;font-size:20px;color:#F2F6F3}
  .logo .wm i{color:var(--mint);font-style:normal}
  nav.top .lk{color:var(--mut);font-size:14px;font-weight:600;cursor:pointer;transition:color .18s}
  nav.top .lk:hover{color:var(--fg)}
  nav.top .lk.act{color:var(--fg)}
  nav.top .sp{margin-left:auto}
  .prim{background:var(--grad);color:#06231a;font-weight:800;padding:11px 20px;border-radius:11px;font-size:14px;cursor:pointer;display:inline-block;border:none}
  .prim:hover{filter:brightness(1.05)}

  /* hero de página */
  .phero{text-align:center;padding:clamp(34px,5vw,64px) 20px clamp(20px,3vw,30px)}
  .kick{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);font-weight:700;margin-bottom:14px}
  .phero h1{font-size:clamp(32px,5vw,54px);line-height:1.03;letter-spacing:-.035em;margin:0 auto 16px;max-width:18ch;text-wrap:balance;font-weight:850}
  .phero h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .phero p{color:var(--mut);font-size:clamp(15px,1.9vw,18px);max-width:56ch;margin:0 auto;line-height:1.55}
  .crumb{font-size:12px;color:var(--mut);letter-spacing:.02em;margin-bottom:18px}
  .crumb b{color:var(--mint);font-weight:700}

  .sec{padding:clamp(26px,4vw,48px) 0}

  /* cards genéricas */
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .lc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px;display:flex;flex-direction:column;transition:.25s}
  .lc:hover{border-color:#2c5546;transform:translateY(-2px)}
  .tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .lc h3{margin:12px 0 8px;font-size:20px;letter-spacing:-.02em}
  .lc p{margin:0 0 18px;color:var(--mut);font-size:14px;line-height:1.55;flex:1}
  .lc a{color:var(--mint);font-weight:700;font-size:14px;text-decoration:none;transition:transform .18s}
  .lc:hover a{transform:translateX(3px);display:inline-block}

  /* post destacado */
  .feat{background:linear-gradient(180deg,#0e2a1f,#0a1c15);border:1px solid #234438;border-radius:20px;padding:clamp(24px,3vw,36px);display:grid;grid-template-columns:1.3fr 1fr;gap:26px;align-items:center}
  .feat .meta{font-size:12px;color:var(--mut);margin-bottom:14px}
  .feat .meta b{color:var(--mint);font-weight:700}
  .feat h2{font-size:clamp(22px,3vw,32px);letter-spacing:-.03em;margin:0 0 12px;font-weight:850;text-wrap:balance}
  .feat p{color:var(--mut);font-size:15px;line-height:1.55;margin:0 0 20px}
  .feat .mini{background:#071410;border:1px solid #234438;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:10px}
  .feat .mini .row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mut);padding:8px 0;border-bottom:1px solid var(--line)}
  .feat .mini .row:last-child{border-bottom:none}
  .feat .mini .row b{color:#EAF4EE}
  .feat .mini .g{color:var(--mint);font-weight:700}

  /* lista de posts */
  .plist{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
  .post{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;transition:.22s;cursor:pointer}
  .post:hover{border-color:#2c5546;transform:translateY(-2px)}
  .post .tag{font-size:10.5px}
  .post h4{margin:10px 0 8px;font-size:17px;letter-spacing:-.01em;line-height:1.25}
  .post p{margin:0 0 14px;color:var(--mut);font-size:13.5px;line-height:1.5}
  .post .m{font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}

  /* bitácora timeline */
  .entries{display:flex;flex-direction:column;gap:14px;margin-top:8px}
  .entry{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 24px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;transition:.22s;cursor:pointer}
  .entry:hover{border-color:#2c5546}
  .entry h4{margin:8px 0 8px;font-size:19px;letter-spacing:-.02em}
  .entry p{margin:0;color:var(--mut);font-size:14px;line-height:1.55;max-width:64ch}
  .entry .date{font-size:12px;color:var(--mut);white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:4px}

  /* temas / guías */
  .temas{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .tema{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
  .tema .k{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mint);font-weight:700}
  .tema p{margin:10px 0 0;font-size:14px;color:var(--mut);line-height:1.5}
  .guia{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column}
  .guia .pdf{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);font-weight:700}
  .guia h3{margin:10px 0 8px;font-size:19px;letter-spacing:-.02em}
  .guia p{margin:0 0 18px;color:var(--mut);font-size:14px;line-height:1.55;flex:1}
  .guia .btn{background:var(--mint);color:#06231a;font-weight:800;text-align:center;padding:11px;border-radius:10px;font-size:14px}

  .soon{opacity:.6}
  .soon .m{color:var(--amber)}

  /* CEO strip */
  .ceo{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,3vw,34px)}
  .ceo .ic{width:74px;height:74px;border-radius:18px;background:#0F766E;display:flex;align-items:center;justify-content:center;flex:none}
  .ceo .ic svg{width:44px;height:44px;fill:var(--mint);display:block}
  .ceo h3{margin:0 0 10px;font-size:clamp(20px,2.6vw,26px);letter-spacing:-.02em;text-wrap:balance}
  .ceo p{margin:0;color:var(--mut);font-size:15px;line-height:1.6}
  .ceo cite{display:block;margin-top:12px;font-style:normal;color:var(--mint);font-weight:700;font-size:13px}

  /* waitlist + footer (compartidos) */
  .join{margin:clamp(36px,5vw,64px) auto;max-width:720px;text-align:center;background:linear-gradient(180deg,#0f2a20,#0a1c15);border:1px solid #234438;border-radius:22px;padding:clamp(30px,4vw,48px) clamp(22px,4vw,44px)}
  .join h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.03em;margin:0 0 12px;font-weight:850;text-wrap:balance}
  .join p{color:var(--mut);margin:0 auto 22px;max-width:46ch;font-size:15px;line-height:1.5}
  .joinform{display:flex;gap:10px;max-width:460px;margin:0 auto;flex-wrap:wrap}
  .joinform input{flex:1;min-width:200px;background:#071410;border:1px solid #2a4d40;color:var(--fg);border-radius:11px;padding:14px 16px;font:inherit;font-size:15px}
  .joinform input::placeholder{color:#5f7a6f}
  .joinform input:focus{outline:2px solid var(--mint);outline-offset:1px}
  .joinnote{margin-top:14px;font-size:12.5px;color:var(--mut)}
  .leadform{max-width:470px;margin:0 auto;text-align:left}
  .lf-row{display:flex;gap:10px;flex-wrap:wrap}
  .lf-row input[type=email]{flex:1;min-width:220px;background:#071410;border:1px solid #2a4d40;color:var(--fg);border-radius:11px;padding:14px 16px;font:inherit;font-size:15px}
  .lf-row input[type=email]::placeholder{color:#5f7a6f}
  .lf-row input[type=email]:focus{outline:2px solid var(--mint);outline-offset:1px}
  .leadform .btn-lime{background:var(--grad);color:#06231a;font-weight:800;border:none;border-radius:11px;padding:14px 22px;font:inherit;font-size:15px;cursor:pointer;white-space:nowrap}
  .leadform .btn-lime:hover{filter:brightness(1.05)}
  .leadform .btn-lime:disabled{opacity:.6;cursor:default}
  .lf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
  .lf-consent{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.5;margin-top:11px;color:var(--mut);cursor:pointer}
  .lf-consent input{margin-top:2px;flex:0 0 auto;width:16px;height:16px;accent-color:var(--mint)}
  .lf-consent a{color:var(--mint)}
  .lf-note{margin-top:11px;font-size:12.5px;color:var(--mut);line-height:1.5}
  .lf-note .lf-oferta{color:var(--fg);font-weight:700}
  .lf-msg{margin-top:12px;font-size:14px;border-radius:11px;padding:12px 14px;line-height:1.5}
  .lf-msg.ok{background:#0e2b1f;color:var(--mint);border:1px solid #234438}
  .lf-msg.err{background:#2b1414;color:#ffb4a8;border:1px solid #4d2a2a}
  .lf-guia-link{color:var(--mint);font-weight:800}

  footer{border-top:1px solid var(--line);background:#050f0b}
  .foot{max-width:1080px;margin:0 auto;padding:clamp(30px,4vw,48px) clamp(20px,4vw,44px);display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
  .foot .logo{margin-bottom:12px}
  .foot .brand p{color:var(--mut);font-size:13px;margin:0;max-width:30ch;line-height:1.55}
  .foot h5{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 14px;font-weight:700}
  .foot a{display:block;color:var(--fg);opacity:.82;text-decoration:none;font-size:14px;margin-bottom:10px}
  .foot a:hover{opacity:1;color:var(--mint)}
  .footbar{border-top:1px solid var(--line);padding:16px clamp(20px,4vw,44px);max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--mut);font-size:12.5px}

  @media(max-width:820px){
    .grid3,.temas{grid-template-columns:1fr 1fr}
    .feat,.plist,.grid2{grid-template-columns:1fr}
    .foot{grid-template-columns:1fr 1fr}
  }
  @media(max-width:520px){ .grid3,.temas,.foot{grid-template-columns:1fr} .entry{flex-direction:column;gap:8px} }

body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0}
body{color:#EAF4EE}